Toggle Group
Un conjunto agrupado de alternadores para selección simple o múltiple.
Uso
Referencia de la API
VoltToggleGroupItem — volt-toggle-group-item
| Entrada | Tipo | Por defecto |
|---|---|---|
| value * | string | — |
| disabled | boolean | false |
| variant | ToggleGroupItemVariants['variant'] | 'default' |
| size | ToggleGroupItemVariants['size'] | 'md' |
VoltToggleGroup — volt-toggle-group
| Entrada | Tipo | Por defecto |
|---|---|---|
| value | string[] | [] |
| type | 'single' | 'multiple' | 'single' |
| orientation | 'horizontal' | 'vertical' | 'horizontal' |
| disabled | boolean | false |
| allowDeselection | boolean | true |
| Salida | Tipo |
|---|---|
| valueChange | unknown |
Variantes CVA
| Propiedad | Opciones | Por defecto |
|---|---|---|
| variant | default | outline | default |
| size | sm | md | lg | md |
Código del componente
Instalar por CLI:
npx @voltui/cli add toggle-groupTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/toggle-group.