Accordion
Overview
Accordions allow users to expand and collapse sections of content. They are useful when you want to toggle between hiding and showing large amounts of content.
Demo
Props
| Property | Description | Type | Values | Default | Required |
|---|---|---|---|---|---|
| title | The title for the accordion | string | string | ✓ | |
| open | Set the accordion to open | boolean | undefined | boolean | undefined | false | |
| variant | The variant for the accordion | AccordionVariant | undefined | "background" | "border" | "background" |
Slots
| Name | Description | Type |
|---|---|---|
| default | The content for the accordion | any |