Accordion Builder

Provide contextual feedback messages for typical user actions with the handful
of available and flexible alert messages.

Get Started

Default


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

Accordion content here one

Accordion content here two

Accordion content here three

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

Expanded Tab


Let's make first tab to expanded.

Accordion content here one

Accordion content here two

Accordion content here three

@(Html.Vertex().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");
}))

Methods

Method Description

.Method(bool value)

Comming soon.