<md-filled-tonal-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,282,713 hits/month (whole @material/web package)
- GitHub stars
- 11,283
- Latest stable version
2.5.0- Last published
- License
- Apache-2.0
Emphasis: Medium emphasis – For important actions that don’t distract from other onscreen elements.
Rationale: Filled tonal buttons have a lighter background color and darker label color, making them less visually prominent than a regular, filled button. They’re still used for final or unblocking actions in a flow, but do so with less emphasis.
Example usages:
- Save
- Confirm
- Done