ActionButton
Компактная кнопка действия с текстом и декоративным слотом start.
Использование
Варианты
Размеры
Стиль
Доступность
Нативная button поддерживает Enter/Space и disabled. Для кнопки без видимого текста обязательны aria-label или aria-labelledby. Иконка скрыта от скринридера; фокус обозначен через :focus-visible.
API
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
text | ReactNode | — | Visible action label. Omit for an icon-only action with aria-label. |
start | ReactNode | — | Leading decorative icon or content. Inherits the button color. |
appearance | "default" | "inverted" | default | Contrast on the surrounding surface. |
size | "small" | "base" | "large" | large | Compact control size. |
variant | "filled" | "ghost" | ghost | Filled background or transparent surface. |
Last updated on