Components
Accordion
Accordion component based on Radix UI.
Installation
pnpm dlx shadcn@latest add https://reui.io/r/accordion.json
Examples
Default
Loading
Outline
Loading
Solid
Loading
Indicator
Loading
Nested
Loading
API Reference
This component is built using Radix UI Accordion primitives. For detailed information please visit the full API reference.
Accordion
This component is based on the Accordion.Root primitive and includes the following custom props:
Prop | Type | Default |
---|---|---|
variant | ||
indicator | ||
className |
AccordionItem
This component is based on the Accordion.Item primitive and applies custom styles based on the variant
from the Accordion
context.
Prop | Type | Default |
---|---|---|
className |
AccordionTrigger
This component is based on the Accordion.Trigger primitive and includes the following custom props:
Prop | Type | Default |
---|---|---|
indicator | ||
className |
AccordionContent
This component is based on the Accordion.Content primitive and includes the following custom props:
Prop | Type | Default |
---|---|---|
className |