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 Support Button
Forms
Form Select Toggle Checkbox & Radio Text Fields Date & Time Fields
Layout
Navbar Sidebar Table Pagination Breadcrumbs Selector List
Utilities
Local Time
app_theme v1.39.1

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.