React Headless Menu
Componente de menú headless para React con accesibilidad completa, cero estilos y soporte para teclado. Publicado en npm.
evergreen#react#headless#accessibility#npm#component
¿Qué es?
Un componente de menú headless para React — proporciona toda la lógica de interacción (navegación por teclado, ARIA, focus management) sin imponer estilos visuales. Publicado en npm y disponible como código fuente.
Características
- Headless — cero estilos, control total del diseño
- Accesible — ARIA roles, navegación por teclado, focus management
- Playground — entorno de pruebas interactivo incluido
- Release-please — versionado automatizado
- Tailwind CSS — ejemplo de integración incluido
¿Por qué importa?
Los componentes headless separan la lógica de la presentación. Esto permite reutilizar la misma lógica de menú accesible en proyectos con sistemas de diseno completamente diferentes, sin luchar contra estilos predefinidos.
Referencias
- Repositorio en GitHub — jonmatum, 2024. Código fuente y playground.