Componentes
Explora un catálogo de componentes de React construidos desde cero. Copia el código directamente a tu repo para personalización total.
Accordion
Muestra y oculta contenido expandible.
- JDABKLMN
Avatar
Un elemento de imagen con respaldo (fallback) para representar a un usuario.
- DefaultSecondaryOutline
Badge
Muestra una insignia o un componente visual tipo etiqueta.
Banner
Un banner para mostrar información importante al usuario.
Breadcrumb
Indica la ubicación actual dentro del sitio a través de una secuencia de enlaces.
Button
Botones interactivos con distintos estilos y tamaños.
Callout
Componente para mostrar contenido adicional.
Card
Tarjetas minimalistas para agrupar contenido
Checkbox
Un control que permite al usuario alternar entre marcado y no marcado.
pnpm dlx nachui listCommand
Un componente para mostrar y copiar comandos de la línea de comandos.
Collapsible
Secciones plegables con animaciones suaves.
Dialog
Ventanas modales para interacción con el usuario.
Drawer
Un panel que se desliza desde el borde de la pantalla para mostrar contenido complementario.
- Actions
Dropdown Menu
Menús desplegables para acciones o navegación.
- MA
Files
Un componente de árbol de archivos interactivo para mostrar estructuras jerárquicas de carpetas y archivos.
Input
Un campo de texto con label, manejo de errores, slots de íconos y variantes de tamaño.
- Ctrl+K
Kbd
Un componente para mostrar atajos de teclado.
- *(optional)
Label
Un componente label con indicador de obligatoriedad, texto opcional y descripción.
Popover
Un panel flotante con contenido interactivo, activado por click.
Progress
Muestra un indicador del progreso de finalización de una tarea.
Radio
Un control que permite al usuario seleccionar una opción de un conjunto de opciones mutuamente excluyentes.
Select
Muestra una lista de opciones para que el usuario elija.
- OR
Separator
Un divisor visual para separar secciones de contenido con label opcional.
Skeleton
Un componente de carga de marcador de posición con animación de pulso.
Spinner
Un elemento en rotación continua indicando estado de carga.
Switch
Un control que permite al usuario alternar entre encendido y apagado.
Table
Un componente de tabla para mostrar datos tabulares.
Tabs
Organiza contenido en pestañas intercambiables.
Toast
Un sistema de notificaciones apilables con variantes y auto-dismiss.
Tooltip
Un popup que muestra información contextual asociada a un elemento.
This is a default paragraph typography rendering. It uses the default font size, line height, and paragraph spacing.
Typography
Un componente de texto polimórfico para encabezados, párrafos y estilos en línea.
¿Encontraste algo que mejorar?
¿Notaste un error, tipografía o detalle faltante en esta página? Ayúdanos a mejorar la documentación abriendo un issue en GitHub.