Skip to content
Component

Icon Button

A square, icon-only button. aria-label is required at the type level. Shares Button's sizes, appearances, and semantic tones.

Appearances

contained, bordered, and ghost.

Sizes

Decorative tones

Shares Button's 6 decorative tones (ComponentTone) - a purely visual choice, not a status signal.

Disabled and loading

  • Every icon button requires aria-label; disabled shows a not-allowed cursor

API reference

aria-labelNone
string

Required accessible name for the icon-only action.

tone / appearance / sizeNone
Button options

Uses the same visual options as Button.

loadingfalse
boolean

Shows a spinner and disables the action.

classNameNone
string

Additional classes applied to the component root.