Docs
Accordion

Accordion

Vertically stacked, interactive headings that each reveal a section of content.

Radix UIAPI Reference

It is a lightweight container that may either stand alone or be connected to a larger surface, such as a card.

Installation

npm install @brudi/react-accordion

Usage

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger
} from '@brudi/react-component'
<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>Is it accessible?</AccordionTrigger>
    <AccordionContent>Yes. It adheres to the WAI-ARIA design pattern.</AccordionContent>
  </AccordionItem>
</Accordion>

Customization

npx @brudi/ui extend accordion

TypographyAlert