Toggle
Кнопка з двома станами: увімкнено або вимкнено.
Використання
Довідник API
| Вхід | Тип | За замовчуванням |
|---|---|---|
| variant | ToggleVariants['variant'] | 'default' |
| size | ToggleVariants['size'] | 'md' |
| disabled | boolean | false |
| pressed | boolean | false |
| Вихід | Тип |
|---|---|
| pressedChange | boolean |
Варіанти CVA
| Властивість | Значення | За замовчуванням |
|---|---|---|
| variant | default | outline | ghost | solid | default |
| size | sm | md | lg | icon | md |
Код компонента
Встановити через CLI:
npx @voltui/cli add toggleTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/toggle.