vue-mdc-adapter
Update:
Requires vue 2.4.2 as peer dependency.
Starting v0.0.35, most of the MDC component are supported.
Focus is now on validation and keeping up with MDC updates.
Getting Started
NPM
npm install --save vue-mdc-adapter
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>
Quick start with vue-cli
npm install -g vue-cli
vue init stasson/vue-mdc-adapter-simple my-project
Webpack/Rollup
requires loaders for vue sass and resolve node_modules
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 components:
import Vue from 'vue'
import VueMdcButton from 'vue-mdc-adapter/components/button'
Vue.use(VueMdcButton)
@import "vue-mdc-adapter/components/button/mdc-button";
Documentation
Please check
the wiki
and the preview,