One collapsible section inside an <Accordion> — a plain <details>/<summary> pair, so it works even without JS.
<AccordionItem title="Is it accessible?" headingLevel="h3">
<p>Yes. It adheres to the WAI-ARIA design pattern.</p>
</AccordionItem>
Props
| Type | Name | Description |
|---|---|---|
| string | title? |
Title text — ignored if the title slot is used instead. |
| “h2” | “h3” | “h4” | “h5” | “h6” | “div” | headingLevel? |
Heading tag wrapping the title. Default: h3. |
| boolean | open? |
Initial open state. Default: false. |
| string | class? |
Live example
Is it accessible?
Yes. It adheres to the WAI-ARIA design pattern.