KXB.Spark

.NET frontend modules

Installation

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

Preview

Normal

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

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

diam oratio, eirmod Ea nam. enim singulis hendrerit qui no purto euripidis Usu eius iudicabit 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



Preview

style: Style.Toggle

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 dicta invenire Eu mea semper, facete mnesarchum cu albucius adolescens qui et periculis repudiandae

mutat persius mel ne ut quo, diam oratio eirmod Ea nam enim, singulis, hendrerit qui no purto. euripidis Usu eius iudicabit te Vim. augue vitae. appareat te Dictas

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



Preview

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

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 voluptua conclusionemque mei. eum ad enim quidam appareat sea et essent appareat Ne. mei

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 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

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 audire contentiones. mel. facilisis vituperatoribus ne Duo id dictas fuisset principes usu.

pri an quas, 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

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

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 audire contentiones mel, facilisis vituperatoribus ne Duo id dictas.

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 dicta invenire Eu mea semper facete

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 timeam probatus quo ea Agam sapientem. suscipiantur vis no at mazim dissentias, his vel

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

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,



Preview

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

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 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,

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

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 ea. has tale dicant eleifend

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

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. ea.



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>