Shell
Accordion
Vertical stack of collapsible items. type='single' is radio-like; type='multiple' lets several open at once.
Examples
Single (FAQ-style)
A native-feel Svelte 5 component library distributed by CLI — copy into your project, fork freely.
Same copy-and-own model, tuned for macOS / iOS aesthetics. Tokens via CSS variables; chrome via BEM classes.
Svelte 5 first; React + Vue ports planned for later waves.
<Accordion bind:value items={[...]} />Multiple
A native-feel Svelte 5 component library distributed by CLI — copy into your project, fork freely.
Same copy-and-own model, tuned for macOS / iOS aesthetics. Tokens via CSS variables; chrome via BEM classes.
Svelte 5 first; React + Vue ports planned for later waves.
<Accordion type="multiple" bind:value items={[...]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | {value, title, content, disabled?}[] | — | Array of accordion items. |
type | 'single' | 'multiple' | 'single' | Whether one or many items can be open. |
value | T | T[] | — | Bindable open state (string for single, string[] for multiple). |
Install
CLI
npm install bits-ui
npx @a3tai/mittsu add accordion