lzhoucs / vue-material-components

vue-material-components

A strict material-components-web reimplementation in Vue.js natively reusing original stylings. Writen in Vue 3 and levarged composite APIs where possible for better performance and maintainability.

Add Material Icons from Google Fonts

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Then proceed with one of the following:

Installation with bundler

Install the vue-material-components package:

npm install --save vue-material-components

# or with yarn
yarn add vue-material-components

Import component javascript and css:

<template>
  <vmc-button>Hello</vmc-button>
</template>

<script>
  import {VmcButton} from 'vue-material-components'
</script>

<style>
  @import "~vue-material-components/dist/main.min.css";
</style>

Installation with CDN

<link href="https://cdn.site/vue-material-components/main.min.css" rel="stylesheet">
<script src="https://cdn.site/vue-material-components/main.min.js"></script>

Work in progress Components

• typography
• theme
• snackbar
• card
• chips
• dialog
• mdc-select