Accordion

Fluent 2 visuals, shadcn APIs. Single-mode FAQ, multiple-open, and a disabled item. Click a trigger to expand or collapse its panel.

Light

Single (default) — FAQ

Yes — triggers are real buttons with `aria-expanded`, panels carry `role="region"` labelled by their trigger, and the whole component ships with axe-clean tests.

Multiple — several open at once

Both this panel and the next can be open at the same time when `multiple` is set.

Toggling one item never closes the others in multiple mode.

With a disabled item

Dark

Single (default) — FAQ

Yes — triggers are real buttons with `aria-expanded`, panels carry `role="region"` labelled by their trigger, and the whole component ships with axe-clean tests.

Multiple — several open at once

Both this panel and the next can be open at the same time when `multiple` is set.

Toggling one item never closes the others in multiple mode.

With a disabled item