Primitive

Rail

Generic rail primitive for vertical tools, side navigation, and token strips.

Use Rail before creating diagram-, composer-, or toolbar-specific rails. Domain behavior stays above it.
layout
DOM renderImage render
RailDefault

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

Vertical tool rail.
Render state

Horizontal

Horizontal rail for compact state or token strips.
IngestReasonRender
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
orientation'vertical' | 'horizontal'-Rail direction.
density'compact' | 'comfortable' | 'editorial'-Rail gap density.
align'start' | 'center' | 'end' | 'stretch'-Cross-axis alignment.
childrenReactNode-Rail content.