Foundation

Iconography

Icon roles, alias policy, stroke policy, and semantic glyph categories.

Use iconography as semantic policy. The public icons subpath remains the renderer and asset registry.
foundation
DOM renderImage render
IconographyDefault
Iconography rolesRoles / aliases / stroke
actioncommand

Command and toolbar actions.

navigationnavigation

Open, close, and directional navigation.

statusstatus

Validation, completion, and lifecycle punctuation.

datadata

Data legends, trend marks, and generated-output glyphs.

brandbrand

Rubric and Concrete identity marks.

editorialconcept

Educational and editorial concept glyphs.

Playground

Foundation examples are token specimens. The route stays registry-led so every foundation can be rendered, linked, and screenshotted through the same catalog surface.

Loading playground

Rendered matrix

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

Default

Iconography maps glyphs to semantic roles before any component chooses an icon.
Iconography rolesRoles / aliases / stroke
actioncommand

Command and toolbar actions.

navigationnavigation

Open, close, and directional navigation.

statusstatus

Validation, completion, and lifecycle punctuation.

datadata

Data legends, trend marks, and generated-output glyphs.

brandbrand

Rubric and Concrete identity marks.

editorialconcept

Educational and editorial concept glyphs.

Render state

Stroke

Concrete icons stay quiet, currentColor, and stroke-led.
Stroke policyCurrentColor stroke
capround
joinround
width1.75
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription