Material Design Web Components
Go to file
Daniel Freedman f8db6f77cd chore(iconbutton): Focus ring matches icon shape
PiperOrigin-RevId: 497255853
2022-12-22 15:59:03 -08:00
.github/workflows Add build and test GitHub actions 2022-11-29 20:16:35 -08:00
actionelement chore: Comment-out jasmine import statements for external compatibility 2022-11-30 11:18:44 -08:00
autocomplete chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
badge chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
button feat(focus-ring, button): Match focus ring shape to button shape 2022-12-22 10:42:52 -08:00
checkbox fix(checkbox): Make focus ring circular 2022-12-20 16:20:26 -08:00
chips chore(radio): remove ripple-theme.scss 2022-12-19 13:52:45 -08:00
controller chore(testing): Adds submitForm to testing harness. This submits the element's associated form if one exists and returns the submitted FormData object. 2022-12-16 17:01:56 -08:00
decorators chore: Comment-out jasmine import statements for external compatibility 2022-11-30 11:18:44 -08:00
elevation feat(elevation): create md-elevation component 2022-12-13 11:13:05 -08:00
elevationold/lib chore(elevation): branch elevation styles 2022-12-07 09:27:08 -08:00
fab chore(radio): remove ripple-theme.scss 2022-12-19 13:52:45 -08:00
field chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
focus Document focus-ring 2022-12-14 13:32:05 -08:00
icon feat(icon): Implement tokens for md-icon 2022-12-15 15:46:19 -08:00
iconbutton chore(iconbutton): Focus ring matches icon shape 2022-12-22 15:59:03 -08:00
list chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
localization chore: Comment-out jasmine import statements for external compatibility 2022-11-30 11:18:44 -08:00
menu chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
menusurface chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
motion chore: Comment-out jasmine import statements for external compatibility 2022-11-30 11:18:44 -08:00
navigationbar chore(navigationbar): use new elevation component 2022-12-13 11:20:03 -08:00
navigationdrawer chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
navigationtab chore(radio): remove ripple-theme.scss 2022-12-19 13:52:45 -08:00
radio chore(radio): clean up unit tests 2022-12-21 11:47:31 -08:00
ripple fix(ripple): Improves fix for Safari ripple overflow due to https://bugs.webkit.org/show_bug.cgi?id=247546 to handle hover and pressed states. 2022-12-20 14:07:40 -08:00
sass chore(tokens): update to v0.144 2022-11-28 15:53:25 -08:00
segmentedbutton chore(radio): remove ripple-theme.scss 2022-12-19 13:52:45 -08:00
segmentedbuttonset chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
switch chore(switch): Lazily render ripple, and remove ActionElement 2022-12-19 14:04:02 -08:00
testing chore(testing): Adds submitForm to testing harness. This submits the element's associated form if one exists and returns the submitted FormData object. 2022-12-16 17:01:56 -08:00
textfield Export TextfieldType to consumers 2022-12-21 16:49:20 -08:00
tokens chore(tokens): update to v0.150 2022-12-22 11:36:10 -08:00
types chore(text-field): add additional aria properties for autocomplete 2022-08-24 09:01:32 -07:00
.gitignore Check in package lock for more reliable CI build 2022-11-29 20:16:35 -08:00
css-to-ts.js Add type:module and convert css-to-ts.js to a module 2022-11-29 17:02:52 -08:00
LICENSE chore: add LICENSE file 2022-08-25 08:20:49 -07:00
package-lock.json Check in package lock for more reliable CI build 2022-11-29 20:16:35 -08:00
package.json chore(release): v0.1.0-alpha.2 2022-12-22 10:27:17 -08:00
README.md chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
tsconfig.json Exclude irrelevant types like node and remove skipLibCheck 2022-11-29 17:00:05 -08:00
web-test-runner.config.js Merge pull request #3799 from material-components:ci-tests 2022-12-01 07:57:38 -08:00

Material Web

IMPORTANT: Material Web is a work in progress and subject to major changes until 1.0 release.

Material Web is Googles UI toolkit for building beautiful, accessible web applications. Material Web is implemented as a collection of web components.

The Material team is currently working on Material You (Material Design 3) support for Material components.

Developers using this library should expect some big changes as we work to improve our codebase and ease of use and implement the newest Material Design.

A few notable changes you should expect:

  • UX changes as we adopt the new designs (production users will definitely want to pin to an appropriate release, not mainline)
  • A single npm package (@material/web)
  • Simplification of tag name prefixes to md- (CSS custom properties will be --md-)
  • Components as top-level folders which contain all variants

Example: top-app-bar and top-app-bar-fixed will be placed in the same folder: top-app-bar - Components with variant attributes will be split into several variant components:

Example: mwc-button will be split into md-text-button, md-filled-button, md-tonal-button, md-outlined-button, etc

Note: Looking for Material 2? MWC components are now on the mwc branch.