Grupo de botões de opção Bootstrap

Usar botões de rádio HTML para fazer isso é um pouco problemático. Descobri que é mais fácil construir um InputBasecomponente personalizado usando o Bootstrap ButtonGroup com botões normais.

Aqui está uma versão simples:

@using System.Diagnostics.CodeAnalysis

@inherits InputBase<string>

<div class="btn-group mt-1 me-2 mb-3" data-toggle="buttons">
    @foreach( var item in this.Options)
    {
        <button type="button" class="@this.GetButtonCSS(item.Value)" @onclick="() => ValueHasChanged(item.Value)">
            @item.Value
        </button>
    }
</div> 

@code {
    [Parameter, EditorRequired] public IEnumerable<SelectOption<string>> Options { get; set; } = Enumerable.Empty<SelectOption<string>>();
    [Parameter] public string SelectedCss { get; set; } = "btn btn-primary";
    [Parameter] public string UnSelectedCss { get; set; } = "btn btn-outline-primary";

    protected override bool TryParseValueFromString(string? value, out string result, [NotNullWhen(false)] out string? validationErrorMessage)
    {
        result = value ?? string.Empty;
        validationErrorMessage = null;
        return true;
    }

    private string GetButtonCSS(string value)
    {
        return value.Equals(this.Value)
            ? this.SelectedCss
            : this.UnSelectedCss;
    }

    private void ValueHasChanged(string value)
    {
        this.CurrentValueAsString = value;
    }
}

O objeto de opção:

public readonly record struct SelectOption<TValue>(TValue Value, string Label);

E uma página de demonstração:

@page "/"

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<EditForm Model="_model">
    <RadioButtonInput Options="_options" @bind-Value="_model.Value" />
</EditForm>

<div class="bg-dark text-white m-2 p-2">
    <pre>Value: @_model.Value</pre>
</div>

@code {
    private List<SelectOption<string>> _options = new() {
        new("Yes", "Yes"),
        new("No", "No"),
        new("Sometimes", "Sometimes")
    };

    private Model _model = new();

    public class Model
    {
        public string Value { get; set; } = "N";
    }
}