Skip to content zachleat Project

🚾Web Component Star Search

A searchable catalog of standalone web components.

<md-filled-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
Google
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: High emphasis – For the primary, most important, or most common action on a screen

Rationale: The filled button’s contrasting surface color makes it the most prominent button after the FAB. It’s used for final or unblocking actions in a flow.

Example usages:

  • Save
  • Confirm
  • Done