Switch

Namespace

using Blazor_Foundation_6.Components.Controls;

Attributes

FormInput

NameDescription
IdDefault html id=”” attribute. (Wrapper Id)
ClassExtra/Custom Classes appended to the default class.
NameHidden Input’s Name.
StyleInput’s Style (See How to Use Style)
CheckedTrue/False. Is it checked or not? Default: False
DisabledTrue/False.
Sizetiny, small or large. (Default: small)
IsRadioTrue/False.
LabelOnOn Label
LabelOffOff Label
AutoManagedTrue/False. Blazor will auto manage Foundation Zurb’s Javascript.
DataOptionsCan include any option available. (See Plugin Options)

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<h4>Switches</h4>
<SwitchCheckbox Id="TESTSWITCH" Checked="true" />
<h4>Switches (Radio)</h4>
<SwitchCheckbox Id="TESTRADIO1" IsRadio="true" Name="TESTRADIO" Checked="true" />
<SwitchCheckbox Id="TESTRADIO2" IsRadio="true" Name="TESTRADIO" />

Share your feedback on github, we are looking to quickly improve this feature and we know there are a lot to add.