Uma escolha clara em uma lista curta. Use uma lista de itens para casos simples ou opções individuais quando cada uma precisa de seu próprio conteúdo.
Por que ajuda
- Uma escolha, claramente mostrada
- Opções simples ou personalizadas
- Grupo acessível
Onde se encaixa
- Forma de envio
- Sim, não, talvez
- Seleção de plano
Exemplo
<RadioGroup @bind-Value="_plan" Label="Plan" Items="_plans" HelperText="Billed monthly." />
<RadioGroup @bind-Value="_size" Label="Size (row, with Radio children)" Direction="StackDirection.Row">
<Radio Value="Size.Small" Label="Small" />
<Radio Value="Size.Medium" Label="Medium" />
<Radio Value="Size.Large" Label="Large" />
</RadioGroup>
<span>Plan: @_plan, size: @_size</span>
@code {
private readonly string[] _plans = ["Free", "Team", "Enterprise"];
private string _plan = "Team";
private Size _size = Size.Medium;
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.