Package Exports
- @material/web/actionelement/action-element
- @material/web/actionelement/action-element.js
- @material/web/badge/badge
- @material/web/badge/badge.js
- @material/web/compat/animation/animationframe
- @material/web/compat/animation/animationframe.js
- @material/web/compat/base/aria-property
- @material/web/compat/base/aria-property.js
- @material/web/compat/base/observer
- @material/web/compat/base/observer.js
- @material/web/compat/base/utils
- @material/web/compat/base/utils.js
- @material/web/compat/dom/keyboard
- @material/web/compat/dom/keyboard.js
- @material/web/controller/action-controller
- @material/web/controller/action-controller.js
- @material/web/controller/events
- @material/web/controller/events.js
- @material/web/controller/form-controller
- @material/web/controller/form-controller.js
- @material/web/controller/string-converter
- @material/web/controller/string-converter.js
- @material/web/decorators/aria-property
- @material/web/decorators/aria-property.js
- @material/web/decorators/bound
- @material/web/decorators/bound.js
- @material/web/field/filled-field
- @material/web/field/filled-field.js
- @material/web/field/outlined-field
- @material/web/field/outlined-field.js
- @material/web/focus/focus-ring
- @material/web/focus/focus-ring.js
- @material/web/focus/strong-focus
- @material/web/focus/strong-focus.js
- @material/web/icon/icon
- @material/web/icon/icon.js
- @material/web/list/lib/listitem/harness
- @material/web/list/lib/listitem/harness.js
- @material/web/list/lib/listitem/list-item
- @material/web/list/lib/listitem/list-item.js
- @material/web/motion/animation
- @material/web/motion/animation.js
- @material/web/navigationtab/harness
- @material/web/navigationtab/harness.js
- @material/web/navigationtab/navigation-tab
- @material/web/navigationtab/navigation-tab.js
- @material/web/ripple/ripple
- @material/web/ripple/ripple.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@material/web) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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.
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
mwcbranch.