Accordions
Single, multiple, controlled, and native disclosures.
Basic accordion
Single openEvery plan includes dashboards, shared UI components, responsive layouts, and theme support.
Multiple accordion
2 openEvery plan includes dashboards, shared UI components, responsive layouts, and theme support.
Accordion triggers are native buttons and work with Tab, Enter, and Space.
Bordered accordion
Every plan includes dashboards, shared UI components, responsive layouts, and theme support.
Flush accordion
Every plan includes dashboards, shared UI components, responsive layouts, and theme support.
Flush panels align with the card edges and remove individual containers.
Icon accordion
Settings exampleManage your display name, profile photo, and personal details.
With badges
Your recent conversations and inbox updates.
Disabled items
This panel is currently available.
Compact accordion
Nested accordion
Accordion with actions
Manage configuration and view recent activity for this section.
FAQ accordion
Help centerEvery plan includes dashboards, shared UI components, responsive layouts, and theme support.
Accordion triggers are native buttons and work with Tab, Enter, and Space.
Our support team typically replies within one business day.
Default open
Your workspace is configured and ready.