A single collapsible section inside Accordion — its value
must be unique among its siblings, since that's what the accordion's open state tracks.
tsx
A monochrome bitmap design system.
<AccordionItem title="What is dotmatrix?" value="a">
...
</AccordionItem>title
value
Examples
title is the always-visible header row; children is the collapsible content underneath it —
disable an item (a section that's temporarily unavailable) without removing it from the list:
tsx
Standard options everyone can use.
<AccordionItem value="advanced" title="Advanced settings" disabled={!isPro}>
...
</AccordionItem>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| disabled | boolean | — | — |
| title * | text | — | — |
| value * | text | — | — |