Formulário e ação
15 peças
Todas em Em andamento — Implementado e utilizável, mas ainda sem a validação completa de acessibilidade.
Button
Em andamentoBotão de ação, ou link com aparência de botão quando recebe `href`; tem estado de carregando que mantém o foco.
Ver a ficha de Button, no catálogo — abre em outra abaCheckbox
Em andamentoCaixa de marcar com rótulo, para escolhas independentes ou o aceite de termos (`variant="aceite"`).
Ver a ficha de Checkbox, no catálogo — abre em outra abaDropdown
Em andamentoMenu de ações que abre de um botão, navegável por setas; para escolher um valor, use o Select.
Ver a ficha de Dropdown, no catálogo — abre em outra abaInput
Em andamentoCampo de texto de uma linha, com borda de foco que indica dado insuficiente ou suficiente e estado de erro.
Ver a ficha de Input, no catálogo — abre em outra abaLabel
Em andamentoRótulo de campo de formulário, com marca de obrigatório, "(opcional)" e dica de ajuda.
Ver a ficha de Label, no catálogo — abre em outra abaRadio
Em andamentoOpção de escolha única dentro de um grupo, com descrição opcional.
Ver a ficha de Radio, no catálogo — abre em outra abaSelect
Em andamentoLista de opções nativa para escolher um valor, com placeholder e estado de erro.
Ver a ficha de Select, no catálogo — abre em outra abaSlider
Em andamentoControle deslizante para escolher um número numa faixa, com paradas e rótulos nas pontas.
Ver a ficha de Slider, no catálogo — abre em outra abaTextarea
Em andamentoCampo de texto de várias linhas, no mesmo contrato visual do Input; dentro do FormField ganha rótulo, dica, contador e erro.
Ver a ficha de Textarea, no catálogo — abre em outra abaToggle
Em andamentoInterruptor liga/desliga de efeito imediato; para escolha que só vale ao enviar, use o Checkbox.
Ver a ficha de Toggle, no catálogo — abre em outra abaAvisar sobre prazos de matrícula e início das aulas.FilterGroup
Em andamentoGrupo de filtros em pílulas de escolha única, com rótulo.
Ver a ficha de FilterGroup, no catálogo — abre em outra abaFormField
Em andamentoEnvolve um controle com rótulo, dica e mensagem de erro ligados por `aria-describedby`; é a fonte do `aria-invalid`.
Ver a ficha de FormField, no catálogo — abre em outra abaResumoDeErros
Em andamentoO resumo do padrão GOV.UK no topo do formulário: quantos problemas há e um link para cada campo; recebe o foco quando o envio falha.
Ver a ficha de ResumoDeErros, no catálogo — abre em outra abaHá 2 problemas no formulário
SearchBar
Em andamentoCampo de busca com botão, rótulo acessível e envio por Enter.
Ver a ficha de SearchBar, no catálogo — abre em outra abaContactForm
Em andamentoFormulário "Fale conosco" — nome, e-mail, telefone, mensagem e o aceite de privacidade —, com confirmação de envio.
Ver a ficha de ContactForm, no catálogo — abre em outra aba