KXB.Spark

.NET frontend modules

Installation

PM> Install-Package KXB.Spark.Tabs -Version 0.0.2
KXB.Spark.Tabs on NuGet.org

Preview

Normal

appareat, Ne mei epicurei, antiopam. temporibus At qui. dolore, oblique accusam facete legendos. aliquando, vel cu. Ea eum vocent. veritus utinam. possit ea. vis. Has, ut nibh. choro,

prodesset ne Id usu, sumo audire vivendum Sit ut. lorem persius No eros fabulas theophrastus eam et epicurei lobortis vim, Ut nec regione malorum Id oratio, voluptua, conclusionemque, mei eum ad enim quidam appareat sea et

animal cum omnis comprehensam ad mel Mea nominavi invenire eu Duo ne melius eripuit mel vitae regione dissentiet. ad Eam, ex sale autem nemore. reque animal scriptorem. ad his vim et. audiam fierent mentitum. Mundi timeam probatus quo, ea. Agam. sapientem suscipiantur vis no at mazim dissentias his. vel essent prodesset, ne Id usu sumo audire vivendum Sit. ut. lorem persius No eros fabulas theophrastus eam et epicurei lobortis. vim Ut. nec regione. malorum Id oratio



Preview

style: Style.Toggle

eum ad enim quidam appareat sea et essent appareat Ne mei epicurei antiopam temporibus At qui dolore oblique accusam facete legendos aliquando vel cu. Ea eum vocent veritus utinam possit, ea vis Has ut nibh choro doming, Dicta legere. nec eu Mutat, malorum contentiones cum ea vix vidit, temporibus, at. Doctus. eruditi ea has tale. dicant eleifend at eos, Lucilius nominati eu est has ei odio meis. mollis. cum cu numquam constituam consectetuer In pro

epicurei, lobortis, vim Ut nec regione malorum Id oratio voluptua conclusionemque mei. eum ad enim. quidam. appareat sea et essent. appareat, Ne mei. epicurei antiopam temporibus At qui. dolore. oblique accusam facete legendos aliquando vel. cu Ea eum. vocent, veritus utinam possit ea vis Has ut nibh choro. doming Dicta legere nec, eu Mutat malorum contentiones cum ea vix vidit temporibus at Doctus eruditi.

vim Ut nec regione malorum Id oratio voluptua conclusionemque mei eum ad enim quidam appareat sea. et essent appareat Ne mei epicurei antiopam, temporibus At qui dolore oblique accusam, facete legendos. aliquando vel. cu Ea eum vocent, veritus, utinam possit. ea vis Has. ut nibh



Preview

amount: 10, style: Style.Boxed, isFullwidth: true

pro dicta invenire Eu mea semper facete mnesarchum cu albucius adolescens, qui. et, periculis repudiandae. vituperatoribus duo Quem, delenit inciderint, cum ea. no prima. cetero voluptaria pro Nam, an error doctus invidunt, mazim indoctum ei. ius Hinc equidem cum ei Usu eu, mazim. inciderint Inermis, senserit vim at, Vide, mutat. persius mel ne ut quo diam oratio eirmod, Ea nam enim singulis hendrerit qui no purto euripidis Usu eius, iudicabit

eruditi ea has tale dicant eleifend at eos Lucilius nominati eu est. has. ei odio meis mollis cum, cu numquam. constituam consectetuer In. pro dicta invenire Eu mea semper facete. mnesarchum cu,

te. vidit. possim qui vim tamquam postulant te Id paulo prodesset persecuti quo atqui. facilisis, te. nec Usu ne liber, singulis instructior est id cotidieque definitiones Mucius eleifend. comprehensam eos ea cu case regione vel Mel alii graeci prompta no posse primis platonem in pri et vel modo nemore Ut vide ridens vim. quis dolore, ad vix Ut usu nullam

ius. docendi nominavi eu sit qui at senserit intellegam Ius at case reformidans Ea tritani, offendit per quo ad veri, paulo Id. his tale sint Veritus vivendo menandri nam ut eos, debet recteque,

probatus mel Has aliquid. adipiscing te Sea torquatos democritum no Ad sale animal cum, omnis comprehensam ad. mel Mea nominavi invenire eu Duo ne melius. eripuit. mel vitae regione, dissentiet ad Eam ex sale autem, nemore reque animal scriptorem, ad his vim et audiam fierent mentitum Mundi timeam probatus quo ea Agam sapientem suscipiantur vis no at mazim dissentias,

menandri nam ut eos debet recteque te Deleniti apeirian duo te quod mundi, invenire. cum ea simul denique convenire qui, ad Deterruisset consectetuer vis ad in mediocrem salutatus sit Cu eum ignota oportere euripidis te vidit possim qui vim tamquam postulant te Id paulo

Deleniti. apeirian duo te quod mundi invenire cum, ea simul denique convenire qui ad Deterruisset consectetuer vis ad in mediocrem salutatus sit Cu eum ignota, oportere euripidis te vidit possim qui vim. tamquam postulant te Id. paulo prodesset persecuti quo atqui, facilisis te nec Usu ne liber, singulis instructior est id cotidieque. definitiones, Mucius, eleifend comprehensam. eos ea. cu case regione vel Mel alii graeci prompta no posse primis platonem,

appareat te Dictas dicunt aeterno in ius docendi nominavi eu sit qui at senserit intellegam Ius at case, reformidans Ea. tritani. offendit, per quo ad veri paulo Id his. tale. sint Veritus vivendo menandri nam ut, eos debet recteque te Deleniti. apeirian duo te quod mundi invenire cum ea simul denique, convenire qui ad Deterruisset. consectetuer vis ad in. mediocrem salutatus sit Cu, eum ignota oportere euripidis. te vidit possim qui vim

lobortis vim Ut nec, regione. malorum Id oratio voluptua conclusionemque mei eum ad enim quidam appareat sea, et essent appareat Ne mei epicurei antiopam temporibus At. qui

te, Vim augue vitae appareat te Dictas dicunt aeterno in, ius docendi nominavi eu sit qui at senserit intellegam. Ius at case reformidans Ea tritani offendit per quo. ad veri paulo, Id. his tale sint Veritus. vivendo menandri, nam ut, eos debet recteque te Deleniti apeirian duo te quod mundi invenire cum ea simul denique convenire qui ad Deterruisset consectetuer vis ad in, mediocrem salutatus sit Cu eum ignota oportere euripidis te vidit. possim qui



Preview

amount: 5, style: Style.Large, position: Position.Right

ad Eam ex sale autem nemore reque animal scriptorem ad his vim et audiam fierent mentitum Mundi, timeam probatus quo ea Agam, sapientem, suscipiantur vis no at. mazim dissentias his vel essent prodesset ne Id usu sumo audire, vivendum Sit

audiam fierent mentitum Mundi timeam probatus quo ea Agam sapientem suscipiantur vis no at mazim dissentias his vel, essent prodesset ne Id usu sumo audire vivendum Sit ut, lorem.

prima cetero voluptaria pro Nam. an error doctus invidunt mazim indoctum ei, ius Hinc equidem cum ei Usu eu mazim inciderint Inermis senserit, vim. at Vide mutat persius mel. ne ut quo diam oratio

sonet antiopam detraxit expetenda, vix an In verear labores probatus mel Has aliquid adipiscing te Sea torquatos democritum. no Ad sale animal cum omnis comprehensam. ad mel Mea nominavi invenire eu Duo, ne melius eripuit. mel vitae regione dissentiet ad Eam ex sale. autem nemore reque animal scriptorem ad his vim et audiam fierent mentitum Mundi.

eu est has ei, odio, meis mollis. cum cu numquam constituam consectetuer In pro dicta invenire Eu. mea, semper facete. mnesarchum cu albucius adolescens, qui et periculis repudiandae



How this page was made

KXBSparkTabs.cshtml

    
@model Web.ViewModels.SparkViewModel

@using KXB.Spark.Tabs
@using ContentModels = Umbraco.Web.PublishedContentModels;
@{
    Layout = "~/Views/Layouts/_Layout.cshtml";

    var tabs = KXB.Spark.Tabs.Tabs.GenerateInstance();
    var tabs2 = KXB.Spark.Tabs.Tabs.GenerateInstance(style: Style.Toggle);
    var tabs3 = KXB.Spark.Tabs.Tabs.GenerateInstance(amount: 10, style: Style.Boxed, isFullwidth: true);
    var tabs4 = KXB.Spark.Tabs.Tabs.GenerateInstance(amount: 5, style: Style.Large, position: Position.Centered);

}

@Html.Partial("~/Views/Partials/_InstallationGuide.cshtml", Model.NugetModel)
<hr />

<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Normal</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_Tabs.cshtml", tabs)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", tabs)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">style: Style.Toggle</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_Tabs.cshtml", tabs2)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", tabs2)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">amount: 10, style: Style.Boxed, isFullwidth: true</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_Tabs.cshtml", tabs3)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", tabs3)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">amount: 5, style: Style.Large, position: Position.Right</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_Tabs.cshtml", tabs4)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", tabs4)
</div>