Skip to main content

Icon Button

Square icon-only button with required aria-label, loading state, and full Button variant support.

Variants

Sizes

Loading

Disabled

Primary actions

Ghost toolbar

Animation variants

animationVariant — click each control to compare press feedback.

API

PropRequiredTypeDefaultDescription
themeOptionalSiteThemeatelierVisual theme.
modeOptional"light" | "dark"lightColor mode.
iconRequiredReactNodeIcon element to display.
aria-labelRequiredstringAccessible name for icon-only control (WCAG).
variant / size / loading / disabledOptionalButton propsSame as Button — primary, secondary, ghost, destructive, success; sm, md, lg.
animationVariantOptionalPressAnimationVariantdefaultPress animation — default, none, ripple, scale, sink, lift, pulse, or glow.