Examples
Use single mode for FAQ-style disclosure and multiple mode when settings sections should stay open together.
Single-mode FAQ
One section stays active at a time, with predictable roving focus between triggers.
Headless accordion single-mode FAQ (plain CSS)
MIT with optional enterprise add-ons.
Community and commercial channels.
Headless accordion single-mode FAQ (Tailwind CSS)
Weekly patch and monthly minor cadence.
Tests and lint pass before merge.
Multiple-mode settings
Keep multiple sections expanded while preserving the same trigger and panel semantics.
Headless accordion multiple-mode settings (plain CSS)
PagerDuty, email, and Slack routing.
Retention and export scheduling.
Disabled sections stay locked.
Headless accordion multiple-mode settings (Tailwind CSS)
PagerDuty, email, and Slack routing.
Retention and export scheduling.