LifeUI
1.53.2
Inicio

Switch

Un control que permite al usuario alternar entre marcado y no marcado.

Colores

Utiliza las propiedad colorPallete para cambiar el color switch

Controlar estado

Utiliza las propiedades checked y onCheckedChange para controlar el estado del switch

Personalización

Props

PropTipoRequeridoDescripción
colorPallete'primary' | 'green'-El color semantico del switch
checkedboolean-El estado controlado del switch
onCheckedChange(checked: boolean) => void-Manejador de evento que se llama cuando cambia el estado 'checked'
defaultCheckedboolean-El estado de marcado al renderizarse inicialmente. Usalo cuando no necesites controlar el estado.
classNames{ track?: string; thumb?: string }-Clases personalizadas para diferentes partes del componente.