Blazorise Switch component

Switch is used for switching between two opposing states.

The <Switch> component provides users the ability to choose between two distinct values. These are very similar to a toggle, or on/off switch, though aesthetically different than a checkbox.

Switches are the preferred way to adjust settings on mobile. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label.

Examples

<Switch TValue="bool">Remember me</Switch>

Binding

<Switch TValue="bool" @bind-Checked="@rememberMe">Remember Me</Switch>

@code{
    bool rememberMe;
}

<Switch TValue="bool" Checked="@rememberMe" CheckedChanged="@OnRememberMeChanged">Remember Me</Switch>

@code{
    bool rememberMe;

    Task OnRememberMeChanged( bool value )
    {
        rememberMe = value;

        return Task.CompletedTask;
    }
}

API

Attributes