Button
Показує кнопку або компонент, що виглядає як кнопка.
Використання
Варіанти
Розміри
Стани та іконки (слоти)
Довідник API
| Вхід | Тип | За замовчуванням |
|---|---|---|
| variant | ButtonVariants['variant'] | 'solid' |
| size | ButtonVariants['size'] | 'md' |
| type | 'button' | 'submit' | 'reset' | 'button' |
| disabled | boolean | false |
| class | string | '' |
| customClass | string | '' |
Варіанти CVA
| Властивість | Значення | За замовчуванням |
|---|---|---|
| variant | solid | destructive | outline | ghost | link | solid |
| size | sm | md | lg | icon | md |
Код компонента
Встановити через CLI:
npx @voltui/cli add buttonTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives and class-variance-authority.