Material Design Web Components
Go to file
2022-07-18 11:43:12 -07:00
actionelement chore(actionelement): remove folder underscore 2022-06-18 07:20:00 -07:00
badge chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
checkbox refactor(checkbox): Move public sass mixins/functions to the top 2022-07-15 14:50:07 -07:00
compat chore(compat): add mwc-base compatibility deps 2022-06-23 23:48:44 -07:00
controller chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
decorators chore(decorators): update key types for ariaProperty 2022-07-12 14:28:23 -07:00
elevation/lib chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
fab chore: remove screenshots 2022-06-21 14:26:21 -07:00
field feat(text-field): add support for text-align: end 2022-07-01 09:55:53 -07:00
focus chore: remove screenshots 2022-06-21 14:26:21 -07:00
formfield chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
icon chore(icon): Move icon package to new directory. 2022-06-21 07:02:04 -07:00
iconbutton refactor(iconButton): Move public sass mixins/functions to the top 2022-07-13 07:50:36 -07:00
list refactor(list): Refactor list theming API to match tokens 2022-07-13 23:57:16 -07:00
motion chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
navigationbar refactor: remove dashes from component directory. 2022-07-18 09:15:18 -07:00
navigationdrawer chore(navigationdrawer): Update navigation_drawer/ to navigationdrawer/ to align with 1P naming convention. 2022-07-12 11:38:54 -07:00
navigationtab chore(navigationtab): Move M3 navigation_tab directory. Also update navigation_tab/ to navigationtab/ to align with 1P naming convention. 2022-07-12 14:22:18 -07:00
radio Fix change handler using the input radio element for checked state. 2022-07-18 11:43:12 -07:00
ripple refactor(ripple): Move public sass mixins/functions to the top 2022-07-13 07:51:48 -07:00
sass chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
segmented_button chore: move segmented button into the new directory 2022-07-14 20:51:21 -07:00
segmented_button_set chore: move segmented button into the new directory 2022-07-14 20:51:21 -07:00
switch feat(switch): use tokens to shape the focus ring 2022-07-12 09:14:13 -07:00
tabs refactor(tab): Move public sass mixins/functions to the top 2022-07-14 07:58:48 -07:00
testing chore: remove screenshots 2022-06-21 14:26:21 -07:00
textfield feat(text-field): add SSR ariaLabelledBy property 2022-07-12 14:44:15 -07:00
tokens chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
types chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
README.md chore: update repository for Material 3 2022-06-17 16:42:04 +00:00
tsconfig.json chore: add tsconfig.json file 2022-06-17 11:00:54 -07: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.