Sidebar

Navegación lateral colapsable para apps.

Navegación y estructuraBase UI
Abrir en Studio

Reglas Konfront

  • 240 px, colapsable a 64.
  • Grupos con encabezado overline; ítem 32 px; activo bg-muted con aria-current.
  • Usuario por iniciales y «Cerrar sesión» al pie.
  • Solo tokens del tema: ningún hex suelto ni clases de la paleta default de Tailwind.
  • Sin variantes nuevas fuera del registro. Si un cliente necesita otra, se registra en su namespace.
  • Copy en español de México con voz Konfront: verbos en las acciones, frases completas en los mensajes.

Accesibilidad

  • Foco visible con anillo de 2 px en el color de foco del tema y offset de 2 px.
  • Todo es operable con teclado y el orden de tabulación sigue el orden visual.
  • Los pares de texto cumplen contraste AA en todos los temas publicados; el estudio bloquea los que no.