<md-outlined-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.3 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: Use an outlined button for actions that need attention but aren’t the primary action, such as “See all” or “Add to cart.” This is also the button to use for giving someone the opportunity to change their mind or escape a flow.
Example usages:
- Reply
- View all
- Add to cart
- Take out of trash