Progress Telerik UI for Blazor

Switch

  • Overview

    The Telerik UI for Blazor Switch component is an input control for switching a Boolean state on and off. This type of input originated in mobile apps but has been gradually replacing the standard checkbox control in all sorts of applications. The component’s value can be two-way data bound to a Boolean variable. It comes with the ability to configure the labels for its on and off states, events and built-in localization and keyboard navigation.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Labels and Features

    The Switch component offers customization on its on and off labels so you can personalize each switch. Additionally, you can easily customize it via some of the standard attributes available to the rest of the Telerik UI for Blazor suite, such as its TabIndex, Width, CSS class, etc. This makes the control feel like a native input element.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Events

    The Event fires two events to help you handle your business logic:

    • ValueChanged is fired every time the value of the input changes and is triggered by both directions of the two-way binding
    • OnChange is fired after the value has changed but is only triggered by the changes from the UI (one-way binding)
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Localization

    Thanks to the built-in localization support, the component’s labels are automatically translated to any language your app supports.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Keyboard Navigation

    Thanks to the built-in keyboard navigation, end users can interact with the Switch without lifting a finger off the keyboard.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.