Blazor Toolkit

Blazor Toolkit Switch Component

A toggle component used for enabling and disabling options. Ideal for settings, preferences, and binary selections.

Basic Usage

The simplest way to use SfSwitch is through bind-Checked property for two‑way binding.

Status: OFF
Value Binding

You can control the switch using either Checked or CheckedChanged events, depending on your binding style.

Manual Binding: True

Inline Handler: False (Changed 0 times)
Labels

The Switch component supports both external labels and built‑in state labels. External labels (using the label element) describe what the switch controls. Built‑in labels, configured using the OnLabel and OffLabel properties, display text inside the switch to indicate its ON or OFF state.


Bluetooth:
ON OFF
States

The switch can render in multiple states, including interactive and disabled modes. You can control availability using Disabled property

True

False
Form Validation

The switch integrates seamlessly with EditForm and Blazor validation.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.