Padrões de Formulários e Validação Tipada

Formulários no Yzex Connect utilizam validação rigorosa no cliente com sincronismo em tempo real:

1. Controles de Formulário e Viewport Mobile

  • Área de Toque (WCAG 2.5.5): Todo controle interativo ou botão deve possuir área mínima de 44px × 44px em dispositivos móveis.

  • Prevenção de Auto-Zoom no iOS Safari: Inputs declaram tamanho de fonte mínimo de 16px no mobile (text-base md:text-sm).

2. Validação Declarativa de Slugs e Nomes

Identificadores de instâncias e organizações utilizam schemas Zod para sanitização imediata:

import { z } from 'zod';

export const OrganizationSchema = z.object({
  name: z.string().min(3, 'O nome deve ter no mínimo 3 caracteres').max(80),
  domain: z.string().regex(/^[a-z0-9.-]+\.[a-z]{2,}$/i, 'Domínio inválido'),
});