Accordion

Stable

Collapsible content sections with smooth animations.

Import

import { Accordion, AccordionItem } from '@brutal-ui/react';

Single Mode

<Accordion type='single'>
  <AccordionItem value='item-1' trigger='What is Brutal UI?'>
    <p>Brutal UI is a React component library...</p>
  </AccordionItem>
  
  <AccordionItem value='item-2' trigger='How to install?'>
    <p>Simply install the package...</p>
  </AccordionItem>
</Accordion>

Multiple Mode

<Accordion type='multiple'>
  <AccordionItem value='feature-1' trigger='Bold Design'>
    <p>Thick borders and strong shadows...</p>
  </AccordionItem>
  
  <AccordionItem value='feature-2' trigger='Accessible'>
    <p>Proper ARIA attributes...</p>
  </AccordionItem>
</Accordion>

Props

Accordion
Prop	Type	Default	Description
type	string	"single"	Mode: single or multiple

AccordionItem
Prop	Type	Default	Description
value	string	-	Unique identifier
trigger	ReactNode	-	Trigger button content