Switch

This documentation provides a comprehensive reference for the Switch component, guiding you through its configuration options.
Demos

Screenshot #

Blazor Switch Component

Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object>? null Gets or sets additional attributes that will be applied to the component. 1.3.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.3.0
Disabled bool False Gets or sets whether the switch is disabled. When true, users cannot change its value. 1.3.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.3.0
Label string null Gets or sets the label displayed next to the switch. 1.3.0
Reverse bool False Gets or sets whether the switch is displayed on the opposite side of its label. 1.3.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.3.0
Value bool False Gets or sets the current checked value bound to the switch. 1.3.0
ValueExpression Expression<Func<bool>> null Gets or sets the expression that identifies the bound value for validation and EditContext notifications. 1.3.0

Methods #

Name Return type Description Added Version
Disable() Void Disables the switch so users cannot change its value. 1.3.0
Enable() Void Enables the switch so users can change its value. 1.3.0

Events #

Name Return Type Description Added Version
ValueChanged EventCallback<bool> Fires whenever user interaction changes the switch value. 1.3.0

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 reload the page.