Se utiliza para activar o desactivar entre varias opciones
Utiliza la propiedad mode="multiple" para poder seleccionar varias opciones agrupadas.
Utiliza la propiedad size para cambiar el tamaño de los botones.
Utiliza las propiedades value y onValueChange para controlar el estado del toggle group
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
defaultValue | string[] | - | El valor de las opciones que deben estar seleccionada al renderizarse inicialmente. Usalo cuando no controles el estado |
value | string[] | - | El valor controlado de las opciones. Debes usarlo junto con onValueChange |
onValueChange | (value: string[]) => void | - | Manejador de evento cuando cambia el valor |
mode | 'single' | 'multiple' | - | El modo de seleccion |
classNames | { base?: string; item?: string } | - | Clases personalizadas para diferentes partes del componente. |
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
value | string | - | Un valor unico para el elemento |