◇

Collapsible

3 parts

Anatomy

Import the parts and compose them. Each part forwards attributes to its underlying element.

vue

import {
  CollapsibleRoot,
  CollapsibleTrigger,
  CollapsibleContent,
} from '@robonen/primitives/collapsible';

<CollapsibleRoot>
  <CollapsibleTrigger />
  <CollapsibleContent />
</CollapsibleRoot>

API Reference

CollapsibleRoot

Root

Prop	Type	Default	Description
`defaultOpen`?	`boolean`	—	—
`disabled`?	`boolean`	—	—

CollapsibleTrigger

Trigger

No props or events — renders its element and forwards attributes.

CollapsibleContent

Content

Prop	Type	Default	Description
`forceMount`?	`boolean`	—	Render the content even when closed (useful for animation control).