KXB.Spark

.NET frontend modules

Installation

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

Preview

Normal

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

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.

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



Preview

style: Style.Toggle

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 ius Hinc equidem cum ei. Usu eu mazim inciderint Inermis. senserit vim, at Vide mutat persius. mel ne. ut quo diam oratio eirmod Ea.

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

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



Preview

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

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

ipsum. dolor sit amet 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

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.

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 at. eos Lucilius nominati

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

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

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 te, Vim augue vitae appareat te. Dictas dicunt aeterno in

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

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

quo 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



Preview

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

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 scaevola incorrupte at Sit. in facete efficiendi,

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 tamquam

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

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 ius

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 te Vim. augue vitae appareat te. Dictas. dicunt aeterno in ius docendi nominavi, eu sit. qui at senserit intellegam Ius at, case reformidans 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>