Accordion
Titles whose content can be opened and closed.
It depends on the test. Tests that need fasting are marked Fasting in the app.
Usage
import { Accordion } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- FAQs, terms, extra detail.
When not to use
- Content everyone must read.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { key, title, content }[] | required | |
allowsMultipleExpanded | boolean | true | |
expandedKeys, defaultExpandedKeys, onExpandedChange | Keys | - |
Accessibility
- Each header is a button that reports expanded or collapsed.