Primitive

Diagram Rail

Passive tool rail for diagram canvas surfaces.

Use DiagramRail for the compact decorative/action hint rail inside canvas viewports. Keep actual tool mode, command routing, and editing state in the owning component.
diagram
DOM renderImage render
Diagram 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

Diagram rail inside a viewport.
Render state

Active

Diagram rail with a later active tool.
Render state

Tools

Diagram rail with a focused authoring tool set.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
activeIndexnumber0Index of the active visual rail item.
toolsreadonly IconName[]-Optional rail icon sequence.