1. Demo AstrolRadioGroup

AstrolRadioGroup guarda el valor elegido y cada AstrolRadio es una opción con su Value. El tipo se deduce solo (texto, números, enumeraciones...). Con el foco en una opción, las flechas cambian de opción.

@using Astrol.Component.Basic.Form

<AstrolRadioGroup @bind-Value="payment" AriaLabel="Payment method">

 <AstrolRadio Value="@("card")" Text="Card" />

 <AstrolRadio Value="@("transfer")" Text="Bank transfer" />

 <AstrolRadio Value="@("cash")" Text="Cash" Disabled="true" />

</AstrolRadioGroup>

@* Any type: enums, numbers, objects... In a row with Horizontal *@

<AstrolRadioGroup @bind-Value="theme" Horizontal="true" AriaLabel="Theme">

 @foreach (var item in Enum.GetValues<AstrolThemeMode>())

 {

 <AstrolRadio Value="item" Text="@item.ToString()" />

 }

</AstrolRadioGroup>

@code {

 private string? payment = "card";

 private AstrolThemeMode theme = AstrolThemeMode.Auto;

}

Parámetros que admite

AstrolRadioGroup<TValue>

• Value (TValue), valor elegido; se enlaza con @bind-Value (dentro de un EditForm se valida).
• Horizontal (bool), opciones en fila (por defecto false, en columna).
• Disabled (bool), desactiva todas las opciones.
• Name (string), atributo name de los inputs (por defecto uno único por grupo).
• AriaLabel (string), la pregunta del grupo para lectores de pantalla.
• Class (string), clase css adicional.

AstrolRadio<TValue>

• Value (TValue), valor de la opción.
• Text (string) o ChildContent (RenderFragment), texto o contenido de la opción.
• Disabled (bool), opción desactivada.
• Id (string) y Class (string); otros atributos se aplican al input.