Accordion
A component for organizing content into tabbed sections.
Usage Examples
Basic Accordion Example
A simple accordion with one item open at a time.
<Accordion type="single">
{/* Accordion items */}
</Accordion>
Flat Props
Name
Type
Default
Description
type
"single" | "multiple"
"single"
Specifies if one or multiple items can be open at the same time.
defaultValue
string | string[]
undefined
Specifies the default open item(s).
Accordion
Name
Type
Default
Description
type
"single" | "multiple"
"single"
Specifies if one or multiple items can be open at the same time.
defaultValue
string | string[]
undefined
Specifies the default open item(s).
AccordionItem
Name
Type
Default
Description
value
string
-
The unique identifier for the accordion item.
- Usage
- Props
- Accordion
- AccordionItem