Sections that open in place. type="single" keeps one open at a time (add collapsible to let it close); type="multiple" lets several stay open. Each AccordionItem has a title, an optional quiet meta such as a count, and its content. Opening fades the content in and turns the chevron; nothing animates its height.
import { Accordion, AccordionItem } from "@puckoops/camelot";| Name | Description | Default | Control |
|---|---|---|---|
| type | One open at a time, or several string | - | |
| collapsible | single only: the open section can close boolean | - | |
| defaultValue | The section open at first string | - | |
| variant | Hairlines only, or on a card surface "plain""framed" | "plain" |
Also takes RAccordion.AccordionSingleProps | RAccordion.AccordionMultipleProps.
Use Accordion for secondary sections the reader opens one at a time: advanced settings, a client's past engagements, questions and answers. Keep what everyone needs outside it, and never hide a required field in a closed section. variant="framed" puts it on a card surface.
Several sections open together.
Annika signs off print proofs herself; send them as PDF, never as a link.
On a card surface, for a settings page.
Controlled from state, with settings inside a section.
Open: notifications
Plain and framed, single and multiple.
plain
framed
Brand system (2024), signage pilot (2025), two annual reports. Files for each are in Inventory.