<x-ui.radio>
Escolha única. Mesmo desenho do checkbox, com o value obrigatório — é ele que diz o que a opção envia.
Inclui suporte prioritário.
Escolha um plano.
<x-ui.radio name="plano" value="lite" label="Lite" checked />
<x-ui.radio name="plano" value="pro" label="Pro" hint="Inclui suporte prioritário." />
<x-ui.radio name="plano" id="plano-custom" value="sob-medida" label="Sob medida" error="Escolha um plano." required />x-ui.radio
| Prop | Padrão | Aceita |
|---|---|---|
| name | null | |
| id | null | |
| value | — obrigatório | |
| label | null | |
| hint | null | |
| error | null | |
| checked | false | |
| required | false |
As três camadas estão explicadas em Começar aqui. Abaixo, o que este componente expõe a cada uma.
Ui::radio()
part()
e
replacePart()
aceitam:
base, label, control, text, hint e error.
Nenhum específico: ele usa só cor e espaçamento do Tailwind.
value enviaria on em qualquer opção do grupo, então o componente exige o valor em vez de escolher um por você.