Material Design Lite Checkboxes - Material Design Lite

Why Material Design Lite Checkboxes are useful?

The MDL checkboxes supports various CSS classes to apply various predefined visual and behavioral enhancements to the display various types of checkboxes. Below mentioned table explains about various types of classes and their effects.
S.N.
Class Name & Description
1
mdl-checkbox
Determines label as an MDL component and is required on label element.
2
mdl-js-checkbox
Supports basic MDL behavior to label and is required on label element.
3
mdl-checkbox__input
Supports basic MDL behavior to checkbox and is required on input element (checkbox).
4
mdl-checkbox__label
Supports basic MDL behavior to caption and is required on span element (caption).
5
mdl-js-ripple-effect
Suppors ripple click effectt and is optional goes on label element, not input element (checkbox).

Example

Below example describes about the use of mdl-slider classes to offer various types of check boxes.
mdl_checkboxes.htm

Result

Verify the result.

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

Material Design Lite Topics