The mdcSwitch directive creates a material designed switch.

Switch Demo


Directive: MdcSwitchInputDirective

Selector: input[mdcSwitchInput][type=checkbox]

Directive for the input element of an MdcSwitchDirective.

Directive: MdcSwitchDirective

Selector: [mdcSwitch]

Directive for creating a Material Design switch component. The switch is driven by an underlying native checkbox input, which must use the MdcSwitchInputDirective directive. The current implementation will add all other required DOM elements (such as the background). Future implementations will also support supplying (customized) background elements.

This directive can be used together with an mdcFormField to easily position switches and their labels, see mdcFormField.