Vue component wrapper for @mdi/js

by Vue.js Examples

Vue-Mdijs

Vue component wrapper for @mdi/js.

View Demo View Github

Installation

// NPM
npm i @mdi/js vue-mdijs

// Yarn
yarn add @mdi/js vue-mdijs

Usage

main.js

import Vue from 'vue'
import VueMdijs from 'vue-mdijs'
import { mdiMagnify } from '@mdi/js'

VueMdijs.add({ mdiMagnify })
Vue.use(VueMdijs)

app.vue

<template>
    <div id="app">
        <v-mdi name="mdi-magnify"></v-mdi>
        <v-mdi name="mdi-magnify" fill="green"></v-mdi>
    </div>
</template>

Props

Name Description Type Default Accepted values
name String String null -
size Icon size String, Number 24 -
title A11y SVG Title String null -
fill Color of icon String currentColor rgb()/rgba()/#000
rotate Icon rotation Number null 0 to 360

GitHub