Star on GitHub0

Accordion

Accordion Component

The Accordion component allows you to toggle the visibility of content sections. It is useful for FAQs, menus, and more.

Features

  • Expandable and collapsible sections.
  • Customizable animations.
  • Lightweight and reusable.
  • Supports multiple open items with the allowMultiple prop.
  • Three variants: default, bordered, and splitted.
Loading component preview...

Source code

Props

PropertyTypeDefaultDescription
children
React.ReactNode
required
The content to be displayed inside the accordion.
allowMultiple
boolean
false
Allows multiple accordion items to be open at the same time.
className
string
undefined
Additional CSS classes for the accordion container.
variant
'default' | 'bordered' | 'splitted'
default
The visual style of the accordion.