Primitive

Dock

Attached command dock for panel footers, composer actions, and overlay controls.

Use Dock for attached action regions. It owns border placement and rhythm, not workflow behavior.
layout
DOM renderImage render
DockDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Footer command dock.
Render state

Between

Status plus trailing actions.
Autosaved
Render state

Top

Top-attached control dock.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
placement'top' | 'bottom' | 'inline'-Attachment edge or inline mode.
align'start' | 'center' | 'end' | 'between'-Action distribution.
density'compact' | 'comfortable' | 'editorial'-Dock rhythm density.
childrenReactNode-Dock commands or status content.