MDC

Switch

READMEDemo

Components

  • mdc-switch

Status

Component Ready to use
mdc-switch Yes

Disabled

Code
<mdc-switch selected></mdc-switch>

<mdc-switch selected disabled></mdc-switch>

<mdc-switch disabled></mdc-switch>

Hide Selected Icon

Code
<mdc-switch selected></mdc-switch>

<mdc-switch selected hide-selected-icon></mdc-switch>

Name

Code
<form>
    <mdc-switch name="opt1" value="a"></mdc-switch>
    <mdc-switch name="opt2" value="b" selected></mdc-switch>
</form>

Required

Code
<mdc-switch required></mdc-switch>

<mdc-switch required selected></mdc-switch>

Selected

Code
<mdc-switch></mdc-switch>

<mdc-switch selected></mdc-switch>

Show Unselected Icon

Code
<mdc-switch></mdc-switch>

<mdc-switch show-unselected-icon></mdc-switch>

Value

Code
<mdc-switch value="on"></mdc-switch>

<mdc-switch value="custom-value"></mdc-switch>