vue-materials-icon

1.7.0¬†‚Äʬ†Public¬†‚Äʬ†Published

Vue Materials Icon

ūüćļ Material Icon for Vue lovers. Coded by Bootcatch.

NPM NPM JavaScript Style Guide

Installation

Using NPM:

npm i vue-materials-icon --save 
 
npm i material-icons --save 

Usage

Import it in your main file e.g main.js

import Vue from 'vue'
 
//import material-icon scss
import 'material-icons/iconfont/material-icons.css';
 
//defined as global component
Vue.component('V-MaterialIcon', require('vue-materials-icon/MaterialIcon').default);
 
new Vue({
  render: h => h(App),
}).$mount('#app')
 

Use wherever in your template..

<V-MaterialIcon icon="android" size="4" color="orange"></V-MaterialIcon>

Note

  • Add only name to icon, e.g icon="android"
  • icon - Material Icon name will find here material icons
  • size - Icon size in rem.
  • color - You can give any valid value e.g red, yellow, #fffff, #ff0000.

Author

Ajay Marathe

Copyright and License

Copyright 2019 Ajay Marathe. Code released under the MIT license.

Package Sidebar

Install

npm i vue-materials-icon

Weekly Downloads

5

Version

1.7.0

License

MIT

Unpacked Size

4.34 kB

Total Files

4

Last publish

Collaborators

  • ajay1098