vue-material-button

Simple implementation of Material Button with no dependencies.

Installation

npm install vue-material-button

Usage

<template>
  <div class="material-button-example">
    <MaterialButton
      :raised="raised"
      :ripple="ripple"
      :large="large"
      :disabled="disabled"
      @click="handleClick">
        Click me
    </MaterialButton>
  </div>
</template>

<script>
  import MaterialButton from 'vue-material-button'

  export default {
    name: 'material-button-example',
    data () {
      return {
        raised: true,
        ripple: true,
        large: false,
        disabled: false
      }
    },
    methods: {
      handleClick (e) {
        console.log(e)
      }
    },
    components: {
      MaterialButton
    }
  }
</script>

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