<md-elevated-button>
Buttons help people take action, such as sending an email, sharing a document, or liking a comment.
- Category
- Actions
- Built with
Lit- Library
Material Web
- Author
- Package
-
@material/web - Component size
- 8.6 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
Emphasis: Medium emphasis – For important actions that don’t distract from other onscreen elements.
Rationale: Elevated buttons are essentially filled buttons with a lighter background color and a shadow. To prevent shadow creep, only use them when absolutely necessary, such as when the button requires visual separation from a patterned background.
Example usages:
- Reply
- View all
- Add to cart
- Take out of trash