Components › Navigation

Accordion

Stacked sections that expand one or many at a time.

Installation

npx plankui@latest add accordion

Usage

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

<Accordion type="single" collapsible>
  <AccordionItem value="a">
    <AccordionTrigger>Question</AccordionTrigger>
    <AccordionContent>Answer</AccordionContent>
  </AccordionItem>
</Accordion>

API reference

PropTypeDefaultDescription
type"single" | "multiple"requiredHow many can be open.
collapsiblebooleanfalseAllow closing the open item in single mode.

View the source on GitHub