Material Design Web Components
Go to file
2022-12-19 09:34:40 -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 Improves how button handles activation clicks. Previously click() was overridden and this did not support directly dispatched click events. Now click events are explicitly handled if the event is targeted at the element itself. Since click() dispatches a click event, it no longer needs to be overridden. 2022-12-15 14:17:03 -08:00
checkbox feat(checkbox): Checkbox now supports form submission and label activation by using FormController and setting formAssociated. 2022-12-19 09:34:40 -08:00
chips chore(elevation): branch elevation styles 2022-12-07 09:27:08 -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(fab): use new elevation component 2022-12-13 11:26:08 -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 Document Icon Button 2022-12-14 14:18:45 -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: replace * selector with :host 2022-12-08 14:15:19 -08:00
radio chore(radio): update tokens 2022-11-29 14:03:50 -08:00
ripple fix(ripple) Apply Safari workaround for incorrect ripple overflow, see https://bugs.webkit.org/show_bug.cgi?id=247546. 2022-12-16 17:56:15 -08:00
sass chore(tokens): update to v0.144 2022-11-28 15:53:25 -08:00
segmentedbutton chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
segmentedbuttonset chore: replace * selector with :host 2022-12-08 14:15:19 -08:00
switch feat(switch): Switch now supports label activation by setting formAssociated. 2022-12-16 17:06:39 -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 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
tokens chore(tokens): remove v0.96 2022-11-30 10:14:12 -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 Set up test script with @web/test-runner 2022-11-29 20:16:30 -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.