mengdu / m-button

A beautiful button component for vue.

Home Page:https://mengdu.github.io/m-button/example/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Attribute Description Type Accepted Values Default
size size string max, large, samll, mini
type type string infoprimarywarningdangersuccess
plain plain btton 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

About

A beautiful button component for vue.

https://mengdu.github.io/m-button/example/


Languages

Language:JavaScript 79.8%Language:CSS 12.5%Language:Vue 3.9%Language:HTML 3.8%