Skip to main content

Legend

Legend — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

Legend — Prism component.

Accessibility

Each chart ships an accessible fallback (a visually-hidden data table / aria-label summary) so the data is available to screen readers, not just sighted users. Colour is paired with shape/label, never used alone.

Import

const { Legend } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
itemsLegendItem[]Yes
shape"square" | "line" | "dot"
align"start" | "center"