Radio Group

shellui add radio-group

<RadioGroup Value="@selected" ValueChanged="@HandleChanged">
  <RadioGroupItem Value="option1">Option 1</RadioGroupItem>
  <RadioGroupItem Value="option2">Option 2</RadioGroupItem>
  <RadioGroupItem Value="option3">Option 3</RadioGroupItem>
</RadioGroup>

@code {
    private string? selected;

    private void HandleChanged(string value)
    {
        selected = value;
    }
}

<RadioGroup @bind-Value="selectedSize">
  <RadioGroupItem Value="sm">Small</RadioGroupItem>
  <RadioGroupItem Value="md">Medium</RadioGroupItem>
  <RadioGroupItem Value="lg">Large</RadioGroupItem>
</RadioGroup>

@code {
    private string? selectedSize;
}

<div class="space-y-4">
  <Label>Select Size</Label>
  <RadioGroup @bind-Value="selectedSize">
    <RadioGroupItem Value="xs">Extra Small</RadioGroupItem>
    <RadioGroupItem Value="sm">Small</RadioGroupItem>
    <RadioGroupItem Value="md">Medium</RadioGroupItem>
    <RadioGroupItem Value="lg">Large</RadioGroupItem>
  </RadioGroup>
</div>

@code {
    private string? selectedSize;
}

<RadioGroup @bind-Value="selected">
  <RadioGroupItem Value="active">Active</RadioGroupItem>
  <RadioGroupItem Value="disabled" Disabled="true">Disabled</RadioGroupItem>
  <RadioGroupItem Value="other">Other</RadioGroupItem>
</RadioGroup>

@code {
    private string? selected;
}