Collapsible

Storybook

An interactive component which expands/collapses a panel. Simpler cousin of Accordion — single boolean open/close, no items.

Client-only

No server events. Toggles purely in JavaScript.

@peduarte starred 3 repositories

@radix-ui/primitives

Hybrid

JS toggles instantly, server receives the event with id + value + action payload.

Toggle to see events

Event Log
Toggle the collapsible above to see events.

Server-controlled

The server owns the open/closed state. Use the buttons below to control it.

Server-controlled content

Current server state: open=false

Push Event (Server → Client)

The server pushes commands to a client-mode collapsible via push_event/3. No open or on_open_change needed.

Push-controlled content