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
checkedboolean—Estado controlado
defaultCheckedboolean—Estado inicial (no controlado)
onCheckedChange(v: boolean) => void—Callback al cambiar
labelstring—Etiqueta del switch
descriptionstring—Texto descriptivo
disabledbooleanfalseDeshabilita el control