Circular button

An icon-only button in a circular shape

For actions where a label is not needed, like close, menu, or navigation arrows. Uses the same primary, secondary, and tertiary styles as Button. Good for toolbars and compact UI where space is tight.

Primary

DefaultHoverActiveDisabledadd
close
edit
delete

Secondary

DefaultHoverActiveDisabledadd
close
edit
delete

Tertiary

DefaultHoverActiveDisabledadd
close
edit
delete

Loading

Set loadingwhile an async action runs. The spinner replaces the icon in the variant's own colour and interaction is blocked, without the dimmed disabled look.

Compact