@bentatum/vue-material
Advanced tools
Material Design for Vue.js
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
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 
If you are trying to find the documentation for previous versions, please go to old website.
Install Vue Material through npm or yarn
npm install vue-material --save
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:
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
Vue.use(VueMaterial)
Or use individual components:
import Vue from 'vue'
import { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'
Vue.use(MdButton)
Vue.use(MdContent)
Vue.use(MdTabs)
Alternativelly you can download and reference the script and the stylesheet in your HTML:
<link rel="stylesheet" href="path/to/vue-material.css">
<script src="path/to/vue-material.js"></script>
Optionally import Roboto font & Material Icons from Google CDN:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons">
If you have any questions, ideas or you want to discuss with Vue Material community. Use the Discord
Or you can use Slack Channel. Follow this invitation link for Slack.
Please make sure to read the Contributing Guide before making a pull request.
Vue Material supports all modern browsers.
May work in other browsers but it's untested.
MIT
1.0.0-beta-8 (2018-01-29)
0 as hasValue (#1407) (d026496), closes #1406onInput which doesn't exist (#1176) (5bf3476), closes #1163md-selected event after localValue changed (#1282) (023723a), closes #1275inputEvent object on input (#1249) (c83f2a6), closes #1247mdActive never updated to true using .sync modifier (b1018fb)<a> attributes supported (#1328) (c9a2b9f), closes #1320MdTable: no more md-selected event from MdTableRow
fix(MdTable): select event should be triggered after select update event
fix(MdTableHeadSelection): select all only take effect on selectable items
<a name="1.0.0-beta-15"></a>
FAQs
Material Design for Vue.js
We found that @bentatum/vue-material demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.