Diálogo ⌘K accesible con búsqueda difusa, resaltado de coincidencias, grupos y una selección de resorte que se desliza entre filas. Flechas, Enter y Escape.
Navegación
Navegación
Pro
Día y noche
Interruptor de tema (role switch) donde el sol se transforma en luna, las nubes se hunden y salen las estrellas, todo con resortes.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 7 (5 ajustables)
Instalación
1. Configura el registro Pro una sola vez
Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.
Usar mi licencia2. Instala Día y noche
npx shadcn@latest add @furin-pro/day-night-toggleProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| checked | boolean | "" | Modo oscuro activo (modo controlado). |
| defaultChecked | boolean | false | Modo oscuro al inicio (modo libre). |
| onChange | (night: boolean) => void | "" | Se llama al cambiar; recibe true si queda de noche. |
| size | number | 56 | Alto del interruptor, en px (el ancho es 2.3 veces). |
| label | string | "Modo oscuro" | Etiqueta accesible. |
| showLabel | boolean | true | Muestra DÍA o NOCHE debajo, en mono. |
| autoplay | number | 0 | Segundos entre cambios automáticos (0 = apagado; se detiene al interactuar). |
Sigue explorando
Acordeón
GratisAcordeón accesible (aria-expanded, regiones, flechas, Inicio y Fin) cuyas regiones se abren con un resorte real: la altura rebota al llegar y el contenido entra de lo borroso a lo nítido.
Navegación