Skip to content
Material web components for Vue.js
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build 🔧 Add pathinfo option to webpack config Sep 18, 2017
src Official breaking changes from material-web-components (#218) Jul 11, 2017
test Fix prefixes test Sep 19, 2017
.editorconfig
.eslintignore Add lint Feb 17, 2017
.eslintrc.js Use eslint-config-posva Sep 18, 2017
.gitignore 🍱 Remove .yarnclean from gitignore [skip ci] Feb 24, 2017
.release.json 🔖 0.0.5 May 8, 2017
CONTRIBUTING.md 📝 Add Readme, licence and others Feb 24, 2017
LICENSE 📝 Add Readme, licence and others Feb 24, 2017
README.md chore: update readme (#240) Sep 17, 2017
circle.yml 👷 Send coverage to codacy May 9, 2017
package.json chore(package): update style-loader to version 0.19.0 (#247) Dec 3, 2017
yarn.lock ⬆️ Up deps Oct 1, 2017

README.md

If you're looking for vue-mdl, check the mdl branch. To learn about what's happening, check #139



last version Circle CI Codecov Coverage Discord


Vue Material Components web

Material Components Web for Vue.js

This is the adaptation of Material Components web for Vue.js. Keeping them fast, easy to use and, SSR ready.

The docs will be the demo, until then you can check the test folder and the Material Components web demo

Installation

$ npm install --save vue-mdc
# or
$ yarn add vue-mdc

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'
import VueMdc from 'vue-mdc'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import 'vue-mdc/dist/vue-mdc.css'

Vue.use(VueMdc)

Browser

<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="vue-mdc/dist/vue-mdc.css"></link>
<script src="vue-mdc/dist/vue-mdc.js"></script>

<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/vue-mdc/dist/vue-mdc.css"></link>
<script src="https://unpkg.com/vue-mdc"></script>

Docs

WIP 😁

Development

Launch visual tests

npm run dev

Launch Karma with coverage

npm run dev:coverage

Build

Bundle the js and css of to the dist folder:

npm run build

Publishing

The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

# Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 🚀
npm publish

License

MIT

You can’t perform that action at this time.