# vue-material **Repository Path**: hippor/vue-material ## Basic Information - **Project Name**: vue-material - **Description**: Material design for Vue.js - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-09-01 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
Material Design for Vue.js
Vue Material is a lightweight framework built exactly according to the Material Design specs. It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support for all modern Web Browsers through Vue 2. Build powerful and well-designed web apps that can fit on every screen. You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an easy-to-use API. ## Demo and Documentation Demo ## Installation Import Roboto and Material Icons from Google CDN: ``` html ``` Install Vue Material through npm or yarn ``` bash npm install --save vue-material yarn add vue-material ``` * Others package managers like JSPM and Bower are not supported yet. Import or require Vue and Vue Material in your code: ``` javascript import Vue from 'vue' import VueMaterial from 'vue-material' import 'vue-material/dist/vue-material.css' // OR var Vue = require('vue') var VueMaterial = require('vue-material') require('vue-material/dist/vue-material.css') ``` Alternatively you can download and reference the script and the stylesheet in your HTML: ``` html ``` ## Usage Enable Vue Material in your application using ```Vue.use()```. You can always enable individual components: ``` javascript Vue.use(VueMaterial) // OR 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) ``` ## Changelog Changelog ## Questions The issue list is exclusively for reports, bugs and feature requests. Use the [Gitter Channel]( https://gitter.im/vuematerial) instead. ## Contributing Please make sure to read the [Contributing Guide](https://github.com/marcosmoura/vue-material/blob/master/.github/CONTRIBUTING.md) before making a pull request. ## Browser Support Vue Material supports the latest version of all Browsers. This means: * Google Chrome 52+ * Firefox 48+ * Safari 9+ * Opera 38+ * Edge 12+ * IE 11 May work in other browsers but it's untested. ## Credits and Thanks * This library aims to deliver components using almost the same API as Angular Material * Thanks a lot to elviskang for donating the npm package name! * Thanks to Evan You for allowing me to use the Vue.js Logo. ## Internal Dependencies You don't need to include any other library to work with vue-material. The focus of this project is to have a standalone build with no external dependence, but aiming to deliver the best experience without breaking compatibility with the Vue.js core. * vue * autosize * element.scrollintoviewifneeded-polyfill ## License MIT