Radio
Escolha única entre poucas opções visíveis. Para muitas, use Select.
Componente base do Nuxt UI (
URadioGroup), ainda não internalizado no EletroDS — confira o comportamento antes de usar no ME.O Radio é a escolha única entre opções todas visíveis — bom para 2–5 alternativas que valem a pena mostrar de uma vez (ex.: tipo de frete). Acima disso, a lista fica longa: use o Select. Vive dentro de um FormField.
Variantes
| Quero… | Use |
|---|---|
| Empilhar vertical | orientation="vertical" (padrão) |
| Em linha | orientation="horizontal" |
| Densidade | size |
No código
URadioGroup — doc técnica em ui.nuxt.com/docs/components/radio-group.
Acessibilidade
- Agrupe as opções com
fieldset+legend(ourole="radiogroup"com rótulo) — o grupo tem um nome único. - Teclado: setas navegam e selecionam entre as opções;
Tabentra/sai do grupo. - Rótulo de cada opção associado e clicável; foco visível; alvo ≥ 44px.
- Estado selecionado percebido além da cor.