Toggle
Un botón de dos estados que puede estar activado o desactivado.
Uso
Referencia de la API
| Entrada | Tipo | Por defecto |
|---|---|---|
| variant | ToggleVariants['variant'] | 'default' |
| size | ToggleVariants['size'] | 'md' |
| disabled | boolean | false |
| pressed | boolean | false |
| Salida | Tipo |
|---|---|
| pressedChange | boolean |
Variantes CVA
| Propiedad | Opciones | Por defecto |
|---|---|---|
| variant | default | outline | ghost | solid | default |
| size | sm | md | lg | icon | md |
Código del componente
Instalar por CLI:
npx @voltui/cli add toggleTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/toggle.