Vue.js Material Input Component

Vue.js Material Input Component

A Vue.js component used for creating Material Design inspired input fields.

vue-material-input

Build Status Coverage Status

Simple implementation of Material Input with no dependencies.

Showcase

Showcase

Installation

npm install vue-material-input

Usage

Example with v-model:

import Vue from 'Vue'
import MaterialInput from 'vue-material-input'

const vm = new Vue({
  el: '#app', // note that `#app` must be presented in the html
  template: (
    '<form><p>Hello, {{ username }}</p>' +
      '<MaterialInput name="name" v-model="username">Your name</MaterialInput>' +
    '</form>'
  ),
  data () {
    return {
      username: 'admin'
    }
  },
  components: {
    MaterialInput
  }
})

For more examples, please check /play folder and the project's website.

Github Repository

Tags: #VueJs