vuematerial/vue-material

Name: vue-material

Owner: Vue Material

Description: Material design for Vue.js

Created: 2016-06-17 22:41:53.0

Updated: 2018-01-18 21:26:41.0

Pushed: 2018-01-18 19:14:47.0

Homepage: http://vuematerial.io

Size: 12986

Language: Vue

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

Material Design for Vue.js

Build Status Downloads License

Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs

Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API

Sponsorship

Vue Material is proudly sponsored by Rollbar. They provide real-time JavaScript error monitoring, alerting, and analytics for developers. :rocket:

You can try Rollbar for free at https://rollbar.com

Demo and Documentation

Demo

If you are trying to find the documentation for previous versions, please go to old website.

Installation and Usage

Install Vue Material through npm or yarn

install vue-material@beta --save
 add vue-material@beta

* Others package managers like JSPM and Bower are not supported yet.

Import or require Vue and Vue Material in your code:

rt Vue from 'vue'
rt VueMaterial from 'vue-material'
rt 'vue-material/dist/vue-material.min.css'

use(VueMaterial)

Or use individual components:

rt Vue from 'vue'
rt { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'
rt 'vue-material/dist/vue-material.min.css'

use(MdButton)
use(MdContent)
use(MdTabs)

Alternativelly you can download and reference the script and the stylesheet in your HTML:

k rel="stylesheet" href="path/to/vue-material.css">
ipt src="path/to/vue-material.js"></script>

Optionally import Roboto font from Google CDN:

k rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
k rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
Changelog

Changelog

Questions

The issue list is exclusively for bugs and feature requests. Use the Slack Channel instead. Follow this invitation link.

Contributing

Please make sure to read the Contributing Guide before making a pull request.

Browser Support

Vue Material supports all modern browsers.

May work in other browsers but it's untested.

Credits and Thanks
License

MIT


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.