Switch

Toggle accesible para activar o desactivar opciones.

pnpm dlx nuvo-ui add switch

Básico

Recibe alertas en tiempo real.

Ofertas y novedades del producto.

Sin label

Uso

import { Switch } from "@nuvo-ui/ui"

<Switch
  checked={active}
  onCheckedChange={setActive}
  label="Activar feature"
  description="Esta opción afecta a todos los usuarios."
/>

Props

PropTipoDefaultDescripción
checkedbooleanEstado controlado
defaultCheckedbooleanEstado inicial (no controlado)
onCheckedChange(v: boolean) => voidCallback al cambiar
labelstringEtiqueta del switch
descriptionstringTexto descriptivo
disabledbooleanfalseDeshabilita el control