Accordions

Toggle the visibility of content across your project with a few classes and our JavaScript plugins.

Default

Use Html.LLG().Accordion(...) method to create accordion.

Accordion content here one

Accordion content here two

Accordion content here three

@(Html.LLG().Accordion(acc => {
    acc.Add().Title("header one").Content("content here one");
    acc.Add().Title("header two").Content("content here two");
    acc.Add().Title("header three").Content("content here three");
}))

Expanded Tab

Use .Expanded() method to expand accordion.

Accordion content here one

Accordion content here two

Accordion content here three

@(Html.LLG().Accordion(acc => {
    acc.Add().Title("Accordion header one").Content("Accordion content here one").Expanded();
    acc.Add().Title("Accordion header two").Content("Accordion content here two");
    acc.Add().Title("Accordion header three").Content("Accordion content here three");
}))

Tab Icon

Use .Icon(string icon) method to set icon to accordion.

Accordion content here one

Accordion content here two

Accordion content here three

@(Html.LLG().Accordion(acc => {
    acc.Add().Title("Accordion header one").Content("Accordion content here one").Icon("fas fa-user-edit");
    acc.Add().Title("Accordion header two").Content("Accordion content here two");
    acc.Add().Title("Accordion header three").Content("Accordion content here three");
}))

Methods

Alerts are available for any length of text, as well as an optional dismiss button

Method Description

.Method(bool value)

 Comming soon.