Collapsible

A Base UI collapsible component

Installation

npx shadcn@latest add @craftdotui/baseui-collapsible

Anatomy

<CollapsibleRoot>
  <CollapsibleTrigger>
    Trigger
    <CollapsibleIcon />
  </CollapsibleTrigger>
  <CollapsiblePanel>Content</CollapsiblePanel>
</CollapsibleRoot>

Demo

Default Open

Endpoint:https://api.craftdotui.com/v1

Timeout:5000ms

Environment:Production

Controlled

Hidden Until Found

Press Cmd+F or Ctrl+F and search for "quantum-encryption-key" to reveal the hidden panel automatically.

Outline Variant

Ghost Variant

Secondary Variant

Custom Icon

Card & Custom Trigger

@craftdotui/baseuiv0.1.0

Accessible, unstyled React primitives tailored with Tailwind CSS.

1.2k

main latest