Formulário

Radio Group

Grupo de opções mutuamente exclusivas.

Uso

Use o elemento <y-radio-group> no seu HTML:

html
<y-radio-group value="pix">  <y-radio-item value="pix" label="Pix"></y-radio-item>  <y-radio-item value="cartao" label="Cartão de Crédito"></y-radio-item>  <y-radio-item value="boleto" label="Boleto"></y-radio-item></y-radio-group>

Exemplos

Padrão

Padrão

Propriedades

PropriedadeTipoPadrãoDescrição
valuestringValor selecionado
disabledbooleanfalseDesabilita o grupo

Importação

Importe todos os componentes ou apenas este:

typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/radio.js';

Acessibilidade

  • Suporta navegação por teclado
  • Utiliza atributos ARIA apropriados
  • focus-visible para indicação de foco