Basic usage

Enable notifications

Receive updates about account activity.

<BOBInputSwitch @bind-Value="_basic" Label="Enable notifications" HelperText="Receive updates about account activity." />

Sizes

Small

Medium

Large

<BOBInputSwitch @bind-Value="_small" Size="BOBSize.Small" Label="Small" />
<BOBInputSwitch @bind-Value="_medium" Size="BOBSize.Medium" Label="Medium" />
<BOBInputSwitch @bind-Value="_large" Size="BOBSize.Large" Label="Large" />

Colors

Primary

Success

Error

<BOBInputSwitch @bind-Value="_colorPrimary" TrackColorActive="@PaletteColor.Primary" Label="Primary" />
<BOBInputSwitch @bind-Value="_colorSuccess" TrackColorActive="@PaletteColor.Success" Label="Success" />
<BOBInputSwitch @bind-Value="_colorError" TrackColorActive="@PaletteColor.Error" Label="Error" />

With icons

Wi-Fi

Bluetooth

<BOBInputSwitch @bind-Value="_wifi"
                IconActive="@BOBIconKeys.MaterialIconsOutlined.i_wifi"
                IconInactive="@BOBIconKeys.MaterialIconsOutlined.i_wifi_off"
                Label="Wi-Fi" />
<BOBInputSwitch @bind-Value="_bluetooth"
                IconActive="@BOBIconKeys.MaterialIconsOutlined.i_bluetooth"
                IconInactive="@BOBIconKeys.MaterialIconsOutlined.i_bluetooth_disabled"
                Label="Bluetooth" />

States

Required

ReadOnly

Disabled (on)

Disabled (off)

<BOBInputSwitch @bind-Value="_required" Label="Required" Required="true" />
<BOBInputSwitch @bind-Value="_readonly" Label="ReadOnly" ReadOnly="true" />
<BOBInputSwitch @bind-Value="_disabledOn" Disabled="true" Label="Disabled (on)" />
<BOBInputSwitch @bind-Value="_disabledOff" Disabled="true" Label="Disabled (off)" />

Properties

Property	Type	Default	Description
`Size`	`BOBSize`	`BOBSize.Medium`	Visual size of the component.
`Density`	`BOBDensity`	`BOBDensity.Standard`	Vertical density (gap) of the component.
`Label`	`string?`		Floating label displayed above the component.
`HelperText`	`string?`		Helper text displayed below the component for additional context.
`IconInactive`	`IconKey?`		IconInactive.
`IconActive`	`IconKey?`		IconActive.
`TrackColorInactive`	`string?`		TrackColorInactive.
`TrackColorActive`	`string?`		TrackColorActive.