aurelia-ui-toolkits/aurelia-mdc-web

Aurelia wrapper for Material Design (Web) Components

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

Singletree Technologies

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

💥 - Non-native, opinionated controls which will not be implemented in the original MDC but are required in most projects.

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!