Field

Agrupa label, control, ayuda y error en un solo campo accesible.

FormulariosBase UI

Reglas Konfront

  • Label visible siempre; nunca solo placeholder.
  • Error con icono de advertencia y texto en --danger-text.
  • Obligatorio con * en --danger-text.
  • 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.