Material Design Lite Radio Buttons - Material Design Lite

What are Material Design Lite Radio Buttons?

The MDL Radio buttons provides various CSS classes to support different types of visual and behavioral enhancements to the display various types of radio buttons. Following table explains about avilable classes and their effects.
S.N.
Class Name & Description
1
mdl-radio
Determines label as an MDL component and is required on label element.
2
mdl-js-radio
Supports basic MDL behavior to label and is required on label element.
3
mdl-radio__button
Supports basic MDL behavior to radio and is required on input element (radio button).
4
mdl-radio__label
Supports basic MDL behavior to caption and is required on span element (caption).
5
mdl-js-ripple-effect
Supports ripple click effectt and is optional goes on label element, not input element (radio button).

Example

Below mentioned table explains about the use of mdl-slider classes to apply various types of radio buttons.
mdl_radio.htm

Result

Verify the result.

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

Material Design Lite Topics