Button
Показує кнопку або компонент, що виглядає як кнопка.
Використання
Довідник API
VoltButton — volt-button
| Вхід | Тип | За замовчуванням |
|---|---|---|
| variant | ButtonVariants['variant'] | 'solid' |
| size | ButtonVariants['size'] | 'md' |
| type | 'button' | 'submit' | 'reset' | 'button' |
| disabled | boolean | false |
| class | string | '' |
| customClass | string | '' |
| aria-label | string | null | undefined | undefined |
| aria-labelledby | string | null | undefined | undefined |
| aria-describedby | string | null | undefined | undefined |
| aria-expanded | string | null | null |
| aria-pressed | string | null | null |
| aria-controls | string | null | undefined | undefined |
| aria-haspopup | string | null | null |
VoltNativeButton — button[voltButton], a[voltButton]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| variant | ButtonVariants['variant'] | 'solid' |
| size | ButtonVariants['size'] | 'md' |
| disabled | boolean | false |
| class | 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.