JSPM

@material/web

1.0.0-pre.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 56646
  • Score
    100M100P100Q167719F
  • License Apache-2.0

Material web components

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 πŸ”΄ πŸ”΄ πŸ”΄