Pages
Introduction Colors & Tokens Icons
UI
Button Link Badge Notification Badge Alert Card Spinner Avatar Divider Empty State
Interactive
Modal Side Modal Dropdown Tooltip Accordion Tabs Flash Toast
Forms
Form Select Toggle Checkbox & Radio Text Fields Date & Time Fields
Layout
Navbar Sidebar Table Pagination Breadcrumbs Selector List
Utilities
Local Time

Accordion

Expandable disclosure built on details and summary.

Simple

What is AppTheme?

A shared theme gem: design tokens, ViewComponents and JS behaviours for Dos apps.

How do themes work?

A theme overrides role tokens under a data-theme attribute — never component CSS.

= app_theme_accordion("What is AppTheme?") do
  %p A shared theme gem: design tokens, ViewComponents and JS behaviours for Dos apps.
= app_theme_accordion("How do themes work?") do
  %p A theme overrides role tokens under a data-theme attribute — never component CSS.

Open by default

Already expanded

Pass open: true to render expanded.

= app_theme_accordion("Already expanded", open: true) do
  %p Pass open: true to render expanded.