m-button is a vue.js component for creating beautiful customizable buttons in applications.
vue button component example, vue button style, vue js reusable button component
How to make use of it:
Install
npm install vue-m-button
Usage
import MButton from 'vue-m-button' // for v1.0.0 // import 'vue-m-button/dist/css/default.css' Vue.use(MButton)
<m-button>defaut</m-button>
<m-button-group> <m-button type="info">Home</m-button> <m-button type="info">Hot</m-button> <m-button type="info">Special</m-button> </m-button-group>
Button Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| size | size | string | max, large, samll, mini | — |
| type | type | string | info，primary，warning，danger，success | — |
| plain | plain button | boolean | — | false |
| round | round button | boolean | — | false |
| disabled | disabled | boolean | — | false |
| active | active state | boolean | — | false |
| effect | effect state | boolean | — | true |
| router | vue-router route object | path | — | — |
beautiful button component for vue js, m-button Plugin/Github
See Demo And Download
Official Website(mengdu): Click Here
This superior jQuery/javascript plugin is developed by mengdu. For extra advanced usage, please go to the official website.
