Usage
ES6
Import and use the whole library
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css'
Vue.use(VueMaterial)
Or to import individual components
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/components/mdCore/index.css' //Required to boot vue material
import 'vue-material/dist/components/mdButton/index.css'
import 'vue-material/dist/components/mdIcon/index.css'
import 'vue-material/dist/components/mdSidenav/index.css'
import 'vue-material/dist/components/mdToolbar/index.css'
Vue.use(VueMaterial.mdCore) //Required to boot vue material
Vue.use(VueMaterial.mdButton)
Vue.use(VueMaterial.mdIcon)
Vue.use(VueMaterial.mdSidenav)
Vue.use(VueMaterial.mdToolbar)
AMD
Import and use the whole library
<link rel="stylesheet" href="path/to/vue-material.css">
var Vue = require('vue')
var VueMaterial = require('vue-material')
Vue.use(VueMaterial)
Or to import individual components
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdCore.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdButton.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdIcon.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdSidenav.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdToolbar.css">
var Vue = require('vue')
var VueMaterial = require('vue-material')
Vue.use(VueMaterial.mdCore) //Required to boot vue material
Vue.use(VueMaterial.mdButton)
Vue.use(VueMaterial.mdIcon)
Vue.use(VueMaterial.mdSidenav)
Vue.use(VueMaterial.mdToolbar)
Standalone
<link rel="stylesheet" href="path/to/vue-material.css">
<script src="path/to/vue-material.js"></script>
// The VueMaterial library is global now
Vue.use(VueMaterial)