DisclosureBrowse disclosure components
Accordion
Collapsible sections with rotating chevron and animated content.
Live preview
Up to 3 workspaces, 5,000 events / month, and 14-day audit log retention.
SSO via SAML 2.0 and OIDC; SCIM 2.0 user provisioning included on Business plans.
Usage
Adapters:React stableVue stable
index.html
<div class="lm-accordion-item">
<button class="lm-accordion-trigger" aria-expanded="true" aria-controls="panel-1">…</button>
<div class="lm-accordion-content" id="panel-1" role="region">…</div>
</div>CSS classes (4)
| Class | Description |
|---|---|
lm-accordion | Card-styled wrapper |
lm-accordion-item | Each section |
lm-accordion-trigger | Header button (rotates ›) |
lm-accordion-content | Collapsible body |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
type | single | multiple | single | — |
defaultValue | string | string[] | — | — |
Accessibility
- Trigger: aria-expanded + aria-controls.
- Content: role='region' + aria-labelledby.
Spotted something wrong? Edit this entry on GitHub.