For more examples, visit the Storybook.

Example
<StudsSwitch @bind-Value="isEnabled" Change="@(value => HandleChange(value))" />

@code {
    private bool isEnabled;

    private void HandleChange(bool value)
    {
        Console.WriteLine($"Switch value changed to: {value}");
    }
}

​
StudsSwitch Parameters

​
Value
bool

Gets or sets the value of the switch. True represents on/checked, false represents off/unchecked.

​
ValueChanged
EventCallback<bool>

Gets or sets the callback that is invoked when the Value is changed.

​
Change
EventCallback<bool>

Gets or sets the callback that is invoked when the switch is toggled.

​
InputAttributes
IReadOnlyDictionary<string, object>

Specifies additional custom attributes that will be rendered by the input element.

​
Name
string

Gets or sets the name attribute of the switch.

​
Disabled
bool
default:"false"

If true, the switch will be disabled and cannot be toggled.

​
TabIndex
int

Gets or sets the tab index for the switch.

​
Attributes
Dictionary<string, object>

Specifies additional custom attributes that will be rendered by the component.

​
MouseEnter
EventCallback<ElementReference>

Gets or sets the callback that is invoked when the mouse enters an item.

​
MouseLeave
EventCallback<ElementReference>

Gets or sets the callback that is invoked when the mouse leaves an item.

​
ContextMenu
EventCallback<MouseEventArgs>

A callback that will be invoked when the user right-clicks the component. Commonly used to display a context menu.

​
Culture
CultureInfo
default:"CultureInfo.CurrentCulture"

Gets or sets the culture used to display localizable data (numbers, dates). Set by default to “CultureInfo.CurrentCulture”.

​
Style
string

Gets or sets the inline CSS style.

​
Visible
bool
default:"true"

Gets or sets a value indicating whether this “T:Studs.StudsComponent” is visible. Invisible components are not rendered.