Package Exports

@material/web/actionelement/action-element
@material/web/actionelement/action-element.js
@material/web/autocomplete/autocomplete-item.js
@material/web/autocomplete/outlined-autocomplete.js
@material/web/badge/badge
@material/web/badge/badge.js
@material/web/button/filled-button
@material/web/button/filled-button.js
@material/web/button/outlined-button.js
@material/web/checkbox/checkbox
@material/web/checkbox/checkbox.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/iconbutton/filled-icon-button.js
@material/web/iconbutton/lib/icon-button.js
@material/web/iconbutton/standard-icon-button-toggle.js
@material/web/iconbutton/standard-icon-button.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/navigationdrawer/navigation-drawer.js
@material/web/navigationtab/harness
@material/web/navigationtab/harness.js
@material/web/navigationtab/navigation-tab
@material/web/navigationtab/navigation-tab.js
@material/web/ripple/directive.js
@material/web/ripple/ripple
@material/web/ripple/ripple.js
@material/web/textfield/outlined-text-field.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. 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.

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

@material/web