Aurelia MDC
Demos, documentation and guides
Third-party integration incorporating Google Material Components for building beautiful, usable products using Material Design.
Final release
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.
Quick Links
- Getting Started
- Changelog
- Documentation and demos
- Skeleton application (run
npx makes aurelia-mdc-web
to create a copy) - Dumber Gist Template
- Contributing
- Developer guide
Sponsors
Huge thanks to the following sponsor
Material Design Components
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 |
WARNING
Browser Support
- IE 11 is not supported
Thank you
- 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!