Material Design Web Components
Go to file
Elizabeth Mitchell 816762d7f3 chore(text-field): flatten selectors
PiperOrigin-RevId: 510444424
2023-02-17 09:01:10 -08:00
.github chore: simplify workflows and remove commitlint dependency 2023-01-11 09:36:53 -08:00
actionelement chore: Comment-out jasmine import statements for external compatibility 2022-11-30 11:18:44 -08:00
autocomplete fix(field & dependents)!: convert to use text-type tokens 2023-02-16 09:51:22 -08:00
badge chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
button fix(button)!: replace label-text-* tokens with label-text-type 2023-02-16 13:04:23 -08:00
checkbox chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
chips chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -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
dialog fix(dialog)!: migrate to header-type and supporting-text-type tokens 2023-02-17 05:32:17 -08:00
divider chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
docs fix(all)!: update tokens to 0.160 2023-02-14 09:51:47 -08:00
elevation chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
fab chore(fab): remove action element 2023-02-15 11:01:47 -08:00
field fix(field & dependents)!: convert to use text-type tokens 2023-02-16 09:51:22 -08:00
focus chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
icon chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
iconbutton chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
list chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
localization chore: Comment-out jasmine import statements for external compatibility 2022-11-30 11:18:44 -08:00
menu chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
menusurface chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
motion feat(dialog) Adds Dialog element. 2023-02-01 09:37:05 -08:00
navigationbar chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
navigationdrawer chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
navigationtab chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
radio chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
ripple test(ripple): add tests 2023-02-16 11:10:55 -08:00
sass feat(typography): implement resolve-tokens function to use -text-type 2023-02-14 11:35:52 -08:00
segmentedbutton chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
segmentedbuttonset chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
switch chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
testing fix(testing): convert test-table to use -type tokens 2023-02-15 11:06:49 -08:00
textfield chore(text-field): flatten selectors 2023-02-17 09:01:10 -08:00
tokens fix(all)!: update tokens to 0.160 2023-02-14 09:51:47 -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
.release-please-manifest.json chore: release 1.0.0-pre.2 2023-02-06 19:04:39 +00:00
CHANGELOG.md chore: release 1.0.0-pre.2 2023-02-06 19:04:39 +00: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 chore: release 1.0.0-pre.2 2023-02-06 19:04:39 +00:00
package.json chore: release 1.0.0-pre.2 2023-02-06 19:04:39 +00:00
README.md chore(text-field): stable in progress 2023-02-15 10:35:14 -08:00
release-please-config.json chore: update release-please 2023-01-09 10:04:00 -08:00
tsconfig.json Exclude irrelevant types like node and remove skipLibCheck 2022-11-29 17:00:05 -08:00
web-test-runner.config.js chore: fix script import paths 2023-01-03 11:52:31 -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. Material 3 is the latest version of Googles open-source design system.

Note: Looking for Material 2? <mwc-* components are now on the mwc branch.

Roadmap

Alpha components are in-development and may have many frequent breaking changes.

Beta components are mostly polished and ready for use.

Stable components are reviewed, documented, and API complete.

  • 🔴 Not started
  • 🟡 In progress
  • 🟢 Complete

1.0 Components

Component Alpha Beta Stable
Button 🟢 🟢 🔴
FAB 🟢 🔴 🔴
Icon button 🟢 🔴 🔴
Checkbox 🟢 🟢 🔴
Chips 🔴 🔴 🔴
Dialog 🟢 🔴 🔴
Divider 🟢 🟢 🟡
Elevation 🟢 🔴 🔴
Focus ring 🟢 🔴 🔴
Field 🟢 🟢 🔴
Icon 🟢 🔴 🔴
List 🟢 🟢 🟡
Menu 🟢 🟢 🟡
Progress indicator (circular) 🔴 🔴 🔴
Progress indicator (linear) 🔴 🔴 🔴
Radio button 🟢 🟢 🔴
Ripple 🟢 🟡 🔴
Select 🟡 🔴 🔴
Slider 🔴 🔴 🔴
Switch 🟢 🟢 🔴
Tabs 🔴 🔴 🔴
Text field 🟢 🟢 🟡

1.1+ Components

These components are planned for release after 1.0.

Component Alpha Beta Stable
Autocomplete 🟡 🔴 🔴
Badge 🟡 🔴 🔴
Banner 🔴 🔴 🔴
Bottom app bar 🔴 🔴 🔴
Bottom sheet 🔴 🔴 🔴
Segmented button 🟡 🔴 🔴
Card 🔴 🔴 🔴
Data table 🔴 🔴 🔴
Date picker 🔴 🔴 🔴
Navigation bar 🟡 🔴 🔴
Navigation drawer 🟡 🔴 🔴
Navigation rail 🔴 🔴 🔴
Search 🔴 🔴 🔴
Snackbar 🔴 🔴 🔴
Time picker 🔴 🔴 🔴
Tooltip 🔴 🔴 🔴
Top app bar 🔴 🔴 🔴