Aurelia Mdc Bridge is a collection of wrappers for Material Design Components.
MIT License
This plugin is in active development and your feedback is welcome
Aurelia Mdc Bridge is a collection of wrappers for Material Design Components. You can easy use components and data-bind properties using Aurelia as your client framework.
Aurelia is a JavaScript client framework for mobile, desktop and web leveraging simple conventions and empowering creativity.
Material Components provide a reliable development environment for apps and websites across Android, iOS, and the web.
Components are updated as the Material Design system evolves, ensuring consistent pixel-perfect implementation and adherence to Google’s front-end development standards, such as internationalization and accessibility support.
au new material-test
...
cd material-test
au install aurelia-mdc-bridge
<html class="mdc-typography">
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
...
export function configure(aurelia) {
...
aurelia.use.plugin('aurelia-mdc-bridge')
...
}
<require from="material-components-web/material-components-web.css"></require>
<mdc-text-field value.bind="value">
Username
</mdc-text-field>
<button mdc-button="raised: true;">Submit</button>
au run -w
Install dependencies:
npm install
Build and watch
npm start
Lint
npm run lint
Build only bridge components (production):
npm run build
Build only docs (production):
npm run docs
Build bridge, docs, update changelog and git add all changes (production)
npm run release
Visual and console. No tests has been created yet. Contribute?
Yes, please!