Getting Started
Components
Getting Started
Components
Accordion
The accordion is used to show and hide content, and more than one item can stay open at the same time.
# Usage based on structured data
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Curabitur vel sem mi. Proin in lobortis ipsum. Sed fringilla mauris sit amet nibh.
Maecenas nec odio et ante tincidunt tempus. Vivamus elementum semper nisi.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
Accordion Component
| Prop | Type | Description |
|---|---|---|
| classname | string | Addional CSS classes. |
| multiple | boolean | Allows multiple sections to be open at the same time. |
| openDefault | number | Opens the section at the specified index by default. |
| openLast | boolean | Opens the last section by default. |
| data | Array | Defines the accordion content. |
# Usage based on nested items
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Curabitur vel sem mi. Proin in lobortis ipsum. Sed fringilla mauris sit amet nibh.
Maecenas nec odio et ante tincidunt tempus. Vivamus elementum semper nisi.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
AccordionItem Component
| Prop | Type | Description |
|---|---|---|
| title | string | Title displayed in the section header. |
| subtitle | string | Subtitle displayed below the title. |
| disabled | boolean | Disables interaction with the section. |
| children | ReactNode | Section content. |