Element

Search items

Collapsible

A universal @expo/ui labelled header that toggles the visibility of its content on Android, iOS and web.

ExpoUniversalExpo Go
DisclosureGroup

A SwiftUI container with a labelled control that expands or collapses its content.

ExpoSwiftUIiOS only

A collapsible content panel for organizing information in a compact space, with single or multiple expansion modes and animated content transitions.

ExpoExpo Go
Accordion

A vertically stacked set of disclosure panels that lets people expand and collapse sections of related content.

ReactTailwind
Disclosure Group

A coordinated set of disclosure panels for organizing multiple independently expandable sections.

ReactTailwind
Disclosure

A trigger and content panel that reveals or hides a single section of supplementary information.

ReactTailwind
Plus/minus accordion

Changes each indicator to reflect whether its section can be opened or collapsed.

ReactTailwind
Card accordion

Groups collapsible content inside a card for a contained settings or details section.

ReactTailwind
Icon and badge accordion

Adds visual metadata to each trigger so sections can communicate category or status at a glance.

ReactTailwind
Frame panel accordion

Fits disclosure rows into framed layouts without introducing a separate outer container.

ReactTailwind
Nested bordered accordion

Supports secondary disclosure levels while keeping parent and child sections visually distinct.

ReactTailwind
User list accordion

Reveals member details while avatars and role markers keep each person identifiable.

ReactTailwind

A vertically stacked set of interactive headings that each reveal a section of content.

ReactTailwind

Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.

ReactTailwindAccordion
8-bit Accordion

Collapsible content sections with pixel borders and trigger indicators.

ReactTailwindAccordion