material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-11-10 11:21:43 +03:00
Code Issues Projects Releases Wiki Activity
Material Design Web Components
3,550 Commits 21 Branches 77 Tags 74 MiB
SCSS 60.6%
TypeScript 39.3%
2a8ba18360
Go to file
Daniel Freedman 2a8ba18360 fix(typograph): remove typography resolver 
PiperOrigin-RevId: 511239056
2023-02-21 10:26:34 -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 chore(textfield): clean up rendering implementation 2023-02-17 12:27:21 -08:00
badge fix(navigation,badge)!: migrate to -text-type tokens 2023-02-17 15:52:26 -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 fix(ripple)!: rename hover methods to event handlers 2023-02-17 16:24:41 -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(docs): fix documentation to show using -type tokens 2023-02-17 15:54:32 -08:00
elevation chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
fab fix(fab)!: move to label-text-type token, shape corners 2023-02-17 12:25:53 -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 fix(list,menu)!: move to -text-type tokens 2023-02-17 09:37:08 -08:00
localization chore: Comment-out jasmine import statements for external compatibility 2022-11-30 11:18:44 -08:00
menu fix(list,menu)!: move to -text-type tokens 2023-02-17 09:37:08 -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 fix(ripple)!: rename hover methods to event handlers 2023-02-17 16:24:41 -08:00
radio chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
ripple chore(ripple): remove directive click handler 2023-02-17 16:41:23 -08:00
sass fix(typograph): remove typography resolver 2023-02-21 10:26:34 -08:00
segmentedbutton fix(ripple)!: rename hover methods to event handlers 2023-02-17 16:24:41 -08:00
segmentedbuttonset chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
slider fix(slider): use label-label-text-type font token 2023-02-18 17:29:12 -08:00
switch chore(all): add keep-sorted comments to Sass imports 2023-02-14 11:10:23 -08:00
testing feat(slider): adds slider element 2023-02-17 14:22:32 -08:00
textfield chore(textfield): clean up rendering implementation 2023-02-17 12:27:21 -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: update TS to 4.9 2023-02-17 10:30:14 -08:00
package.json chore: update TS to 4.9 2023-02-17 10:30:14 -08:00
README.md feat(slider): adds slider element 2023-02-17 14:22:32 -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

README.md

Material Web

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

Material Web is Google’s 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 Google’s open-source design system.

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

Links

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 🔴 🔴 🔴