# ErrorMessage A mensagem que diz o que corrigir num campo, logo abaixo dele. ## Playground ```html

HorárioUse um horário entre 00:00 e 23:59

``` ## Quando usar - Quando um campo volta com problema: uma por campo, sempre junto do ErrorSummary no topo. ## Quando não usar - **Para um problema da página toda** (a conexão caiu): Notice com erro. - **Enquanto a pessoa ainda digita:** não acuse erro antes de ela enviar. ## Exemplos ### Embaixo do campo Vinho, negrito, com o ícone, a `space-1` do controle. Mostrar código ```html

… Use um horário entre 00:00 e 23:59

``` ## Bons e maus padrões Faça assim Escreva o e-mail no formato nome@exemplo.com Diz exatamente o que fazer para acertar. Não faça E-mail inválido! "Inválido" não diz o que está errado, e a exclamação grita. ## Como escrever - Diga como acertar, não só que errou. - A mesma frase no campo e no resumo do topo. - Sem "por favor", sem desculpa, sem exclamação. ## Acessibilidade - Ligada ao campo pelo `aria-describedby`, e o campo leva `aria-invalid="true"`. - Cor, ícone e palavra: o erro se lê sem distinguir o vinho. ## Atributos Atributo Valores Para quê `class="feitio-error-message"` obrigatório Vinho, negrito, com o ícone. `id` texto Para o campo apontar com `aria-describedby`.