Material Design Lite Spinners - Material Design Lite

What are Material Design Lite Spinners?

The MDL spinners supports various CSS classes to apply various predefined visual and behavioral enhancements to the display various types of spinners. Following table explains about various classes available and their effects.
S.N.
Class Name & Description
1
mdl-spinner
Identifies a container as MDL spinner component and is a required class.
2
mdl-js-spinner
Sets basic MDL behavior to spinner and is a required class.
3
is-active
Shows and animate the spinner and is optional.
4
mdl-spinner--single-color
Uses a single color instead of changing colors and is optional.

Example

Below mentioned example showcases the use of mdl-spinner classes to show different types of spinners.
mdl_spinners.htm

Result

Verify the result.

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

Material Design Lite Topics