Home

Awesome

Button

A beautiful button component for vue.

中文文档

Live Demo

Use

npm install vue-m-button
import MButton from 'vue-m-button'
// for v1.0.0
// import 'vue-m-button/dist/css/default.css'

Vue.use(MButton)

It will register m-button-groupm-button component.

<m-button>defaut</m-button>

button grounp:

<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

AttributeDescriptionTypeAccepted ValuesDefault
sizesizestringmax, large, samll, mini
typetypestringinfoprimarywarningdangersuccess
plainplain bttonbooleanfalse
roundround buttonbooleanfalse
disableddisabledbooleanfalse
activeactive statebooleanfalse
effecteffect statebooleantrue
routervue-router route objectpath