Primitive

IconButton

Square icon command primitive backed by Button semantics.

Use IconButton instead of icon-only Button when the command has no visible text label.
control
DOM renderImage render
IconButtonDefault

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

Icon-only command with accessible label.
Render state

Pressed

Pressed icon command state.
Render state

Set

Dense icon command set.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
iconIconName | ReactElement-Visible icon slot.
labelstring-Accessible command label.
hierarchyButtonHierarchy-Button hierarchy recipe.
intentButtonIntent-Button intent recipe.
densityButtonDensity-Square button rhythm.
pressedboolean-Pressed state.