Skip to content

Accordion โ€‹

A single expand/collapse unit with header (icon + title + optional description + optional trailing actions) and a body. Compose multiple together for a typical FAQ or settings group. Toggle Vue / CSS to switch the live demo and source together.

Basic โ€‹

Single accordion with a label and body.

Vue SFC

Sizes โ€‹

Small, medium and large.

Vue SFC

Colors โ€‹

All built-in color variants.

Vue SFC

States โ€‹

Default-open, default-closed and disabled.

Vue SFC

Icon & description โ€‹

Leading icon plus a sub-text under the title.

Vue SFC

Group โ€‹

Multiple stacked items with the optional group helper.

Vue SFC

Slots โ€‹

Custom label, description, icon, actions and body via named slots.

Vue SFC

Event log โ€‹

Live log of mno-toggle events.

Vue SFC

Customized โ€‹

Override per-element styling with cssClass (Vue) or utility classes (CSS).

Vue SFC