Demos, documentation and guides
Third-party integration incorporating Google Material Components for building beautiful, usable products using Material Design.
The v9 is going to be the last major version of the bridge. Google is going to concentrate on Material Web Components from now on.
See this comment.
- Getting Started
- Changelog
- Documentation and demos
- Skeleton application (run
npx makes aurelia-mdc-webto create a copy) - Dumber Gist Template
- Contributing
- Developer guide
Huge thanks to the following sponsor
Using Google Material Components foundations and adapters.
| Component | Status | Demo |
|---|---|---|
| banner | Available | View |
| button | Available | View |
| card | Available | View |
| checkbox | Available | View |
| chips | Available | View |
| data-table | Available | View |
| dialog | Available | View |
| drawer | Available | View |
| elevation | Available | View |
| expandable | Available 💥 | View |
| fab | Available | View |
| form-field | Available | View |
| icon | Available | View |
| icon-button | Available | View |
| image-list | Available | View |
| layout-grid | Available | View |
| linear-progress | Available | View |
| list | Available | View |
| lookup | Available 💥 | View |
| menu-surface | Available | View |
| menu | Available | View |
| radio | Available | View |
| ripple | Available | View |
| segmented-button | Available | View |
| select | Available | View |
| slider | Available | View |
| snackbar | Available | View |
| switch | Available | View |
| tabs | Available | View |
| text-field | Available | View |
| tooltip | Available | View |
| top-app-bar | Available | View |
| tree-view | Available 💥 | View |
| typography | Available | View |
💥 - Non-native, opinionated controls which will not be implemented in the original MDC but are required in most projects.
- IE 11 is not supported
- To Arjen de Blok for the idea of wrapping MDC and coding hints!
- To Dominic Carretto for valuable insights, demo app structure, and markup files from Angular MDC wrappers!