IconButton
Square native action button with a decorative icon and required accessible name. Shares Button loading, keyboard and form behavior. Loading retains focus/name and blocks repeat activation. Use Link for navigation and aria-pressed for toggles.
Использование
Варианты
Размеры
Состояния
API
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
appearance | "primary" | "secondary" | "tertiary" | "danger" | "accent" | "primary" | Visual hierarchy. |
size | "small" | "base" | "large" | "extraLarge" | base | Control height: 24/32/40/48. |
loading | boolean | false | Keep dimensions/name/focus while preventing repeat activation. |
icon* | ReactNode | — | Decorative icon. Size it to 16/20/20/24 for small/base/large/extraLarge. |
Last updated on