Environment variables
Advanced settings
Tree branch
Default
Closed disclosure affordance.
/render statePrimitive
Caret
Disclosure chevron with open, directional, and size states.
Caret is an affordance, not decoration. Keep it currentColor, small, and baseline-aligned beside tree rows, accordions, and selects.
Environment variables
Advanced settings
Tree branch
Playground
Props in the URL.
Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.
Loading playground.
States
Rendered matrix.
Every state maps to the same render route through the `state` query param.
Environment variables
Advanced settings
Tree branch
Open
Open disclosure affordance.
/render stateEnvironment variables
Advanced settings
Tree branch
Direction
Directional variants.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
direction | 'right' | 'down' | 'up' | right | Base chevron orientation. |
open | boolean | false | Rotates the caret to the disclosure-open state. |
size | 'small' | 'medium' | 'large' | medium | Caret box and stroke rhythm. |