Radio button

O radio button permite ao usuário selecionar um único item de uma lista.

Quando usar

Radio buttons são utilizados em formulários, configurações ou listas para exibir um conjuntos de opções ao usuário, que poderá selecionar apenas um único item entre os disponíveis.

 

Anatomia

  • Título do conjunto (opcional): dá instruções ao usuário sobre o que está sendo selecionado.
  • Marcador: parte clicável do componente, indica se a opção está ou não selecionada. O padrão é não selecionada.
  • Texto: descreve a informação que o usuário pode ou não selecionar.

Radio button

Para usar este componente em seu leiaute, acesse o banco de recursos e veja as versões já disponíveis para aplicação.


Comportamento

  • Estados: o radio button possui dois estados, selecionado ou não selecionado.
  • Interações: o usuário pode alterar o estado do radio button de não selecionado para selecionado, e vice-versa, por meio do clique no marcador ou no texto. Caso uma opção já esteja selecionada, será desmarcada se houver clique em nova opção. Dessa forma, apenas uma opção estará selecionada de cada vez.