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
Navegación
Pro
Paleta de comandos
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 12 (8 ajustables)
esc
Nuevo documento
Buscar en el espacio
Invitar al equipo3 lugares libres
Abrir terminal
Ir a Inicio
Ir a Proyectos
Ir a FacturaciónPlan Pro
Documentación
Cambiar tema
Atajos de teclado
Ajustes
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 Paleta de comandos
npx shadcn@latest add @furin-pro/command-paletteProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| groups | CommandGroup[] | "Sugerencias, Navegación, Preferencias" | Grupos de comandos: { heading, items: { id, label, hint?, shortcut?, icon?, keywords? }[] }. |
| open | boolean | "" | Abierta o cerrada (modo controlado). |
| defaultOpen | boolean | false | Abierta al inicio (modo libre). |
| onOpenChange | (open: boolean) => void | "" | Se llama al abrir o cerrar. |
| onSelect | (item: CommandItem) => void | "" | Se llama al elegir un comando. |
| placeholder | string | "Escribe un comando o busca…" | Texto de ayuda del campo de búsqueda. |
| label | string | "Paleta de comandos" | Etiqueta accesible del diálogo. |
| emptyText | string | "Sin resultados" | Texto cuando no hay resultados. |
| triggerLabel | string | "Buscar o ejecutar…" | Texto del botón que la abre. |
| hotkey | boolean | true | Abre y cierra con ⌘K o Ctrl+K. |
| inline | boolean | false | Se dibuja dentro de su contenedor en vez de cubrir la ventana. |
| backdrop | boolean | true | Pinta una interfaz de ejemplo detrás para ver el vidrio (solo en modo inline). |
Sigue explorando
Deslizador elástico
GratisDeslizador (role slider, teclado completo) que se estira como goma al arrastrarlo más allá de sus límites y regresa con rebote; la pista se aplasta para conservar el volumen.
Navegación