Accordion

A Base UI accordion component

Loading...

Installation

npx shadcn@latest add @craftdotui/baseui-accordion

Anatomy

<AccordionRoot>
  <AccordionItem>
    <AccordionTrigger>
      Trigger
      <AccordionIcon />
    </AccordionTrigger>
    <AccordionPanel>Panel</AccordionPanel>
  </AccordionItem>
</AccordionRoot>

Demo

Default Open

Loading...

Multiple Open

Loading...

Controlled

Loading...

Hidden Until Found

Loading...

Custom Icon

Loading...