Toggle Group
Згрупований набір перемикачів для одиничного або множинного вибору.
Використання
Довідник API
VoltToggleGroupItem — volt-toggle-group-item
| Вхід | Тип | За замовчуванням |
|---|---|---|
| value * | string | — |
| disabled | boolean | false |
| variant | ToggleGroupItemVariants['variant'] | 'default' |
| size | ToggleGroupItemVariants['size'] | 'md' |
VoltToggleGroup — volt-toggle-group
| Вхід | Тип | За замовчуванням |
|---|---|---|
| value | string[] | [] |
| type | 'single' | 'multiple' | 'single' |
| orientation | 'horizontal' | 'vertical' | 'horizontal' |
| disabled | boolean | false |
| allowDeselection | boolean | true |
| Вихід | Тип |
|---|---|
| valueChange | unknown |
Варіанти CVA
| Властивість | Значення | За замовчуванням |
|---|---|---|
| variant | default | outline | default |
| size | sm | md | lg | md |
Код компонента
Встановити через CLI:
npx @voltui/cli add toggle-groupTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/toggle-group.