Collapsible

One region that opens and closes under a trigger you supply. Accordion is the choice for a list of them; this is the single case, with no chrome of its own.

tsx

1import {
2  Collapsible,
3  CollapsibleTrigger,
4  CollapsibleContent,
5} from "@pestoui/core"

Advanced options

Content outside CollapsibleContent stays visible either way, so the first row can act as a preview of the rest.

Advanced options

Retry on failure

Props

Prop	Type	Default	Description
open / defaultOpen	boolean	—	On Collapsible. Controlled or uncontrolled open state.
onOpenChange	(open: boolean) => void	—	On Collapsible. Fires when the trigger is pressed.
disabled	boolean	—	On Collapsible. The trigger stops responding.
asChild	boolean	—	On CollapsibleTrigger. Hands the trigger behaviour and aria-expanded to the child element.

PreviousChip Next Color Picker

Pesto UI · 117 documented components