Accordion
import { Accordion } from "@o/pipeline/experimental/components/accordion";
A stacked set of expandable sections for showing and hiding content.
Usage
Every section can stay open at once, since Base UI’s multiple is hardcoded on. The value, defaultValue, and onValueChange props are all string[].
Content 1
Content 2
Content 3
defaultValue
Rendered expanded without an animation flash on mount.
Content 2
Controlled
Content A
Content B
open: a
Stacked
Sections stacked in a flex column, as used by the app navigation.
Sales item one
Sales item two
Sales item three
Records item one
Records item two
Records item three
Agent item one
Agent item two
Agent item three