ReUI
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:

PropTypeDefault
variant enum default
indicator enum arrow
className string

AccordionItem

This component is based on the Accordion.Item primitive and applies custom styles based on the variant from the Accordion context.

PropTypeDefault
className string

AccordionTrigger

This component is based on the Accordion.Trigger primitive and includes the following custom props:

PropTypeDefault
indicator enum arrow
className string

AccordionContent

This component is based on the Accordion.Content primitive and includes the following custom props:

PropTypeDefault
className string