Primitive

Legend

Compact indicator legend for chart and diagram surfaces.

Use Legend for scan-friendly keys below chart, diagram, and generated visual panels. Keep item derivation in the owning renderer and use LegendItem for consistent indicator/value anatomy.
data
DOM renderImage render
LegendDefault

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

Indicator legend with values.
Accepted64Review18Blocked4
Render state

Plain

Legend without values for diagram keys.
InputComputeOutput
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
childrenReactNode-LegendItem nodes or compatible indicator content.
LegendItem.label *ReactNode-Legend label text.
LegendItem.valueReactNode-Optional tabular value.
LegendItem.intentIndicatorIntentneutralSignal intent passed through to Indicator.