vue-mdc-adapter
VueJS wrapper arround
Google's Material Components for the Web
under development, check
the preview,
and the wiki for more
...
NPM Install
npm install --save vue
npm install --save vue-mdc-adapter
Quick Start
Build with webpack:
import Vue from 'vue'
import VueMdcAdapter from 'vue-mdc-adapter'
Vue.use(VueMdcAdapter)
$mdc-theme-primary: #212121;
$mdc-theme-accent: #41B883;
$mdc-theme-background: #fff;
@import "vue-mdc-adapter/components/styles";
or cherry pick a component:
import Vue from 'vue'
import VueMdcButton from 'vue-mdc-adapter/components/button'
Vue.use(VueMdcButton)
@import "vue-mdc-adapter/components/button/mdc-button";
CDN
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
<link rel="stylesheet" href="https://unpkg.com/vue-mdc-adapter/dist/vue-mdc-adapter.min.css">
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-mdc-adapter/dist/vue-mdc-adapter.min.js"></script>
</head>
<body>
<body>
Documentation
Please have a look to
the preview,
and the wiki