<md-ripple>
Ripples, also known as state layers, are visual indicators used to communicate the status of a component or interactive element.
- Category
- Feedback
- Built with
Lit- Library
Material Web
- Author
- Package
-
@material/web - Component size
- 3.4 kB JS (minified + gzipped, JS includes dependencies beyond the library)
- Library size
- 6.8 kB JS (shared by every Material Web component, loaded once per page)
- Popular
- 5 out of 5
- Downloads
- 138,923/week · jsDelivr 24,226,684 hits/month (whole @material/web package)
- GitHub stars
- 11,283
- Latest stable version
2.5.0- License
- Apache-2.0
A state layer is a semi-transparent covering on an element that indicates its state. State layers provide a systematic approach to visualizing states by using opacity. A layer can be applied to an entire element or in a circular shape and only one state layer can be applied at a given time.