Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

DocsAPI Reference

Usage

import { Accordion } from "@smartacteam/ui/accordion";

<Accordion.Root type="single" collapsible>
  <Accordion.Item value="item-1">
    <Accordion.Trigger>Is it accessible?</AccordionTrigger>
    <Accordion.Content>
      Yes. It adheres to the WAI-ARIA design pattern.
    </Accordion.Content>
  </Accordion.Item>
</Accordion.Root>

Single

Multiple