https://github.com/mengdu/m-button
A beautiful button component for vue.
https://github.com/mengdu/m-button
button m-button vue-m-button
Last synced: 8 months ago
JSON representation
A beautiful button component for vue.
- Host: GitHub
- URL: https://github.com/mengdu/m-button
- Owner: mengdu
- Created: 2018-04-14T06:05:11.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-12T03:58:50.000Z (about 7 years ago)
- Last Synced: 2025-04-10T13:34:53.533Z (8 months ago)
- Topics: button, m-button, vue-m-button
- Language: JavaScript
- Homepage: https://mengdu.github.io/m-button/example/
- Size: 356 KB
- Stars: 14
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README-zh.md
Awesome Lists containing this project
- awesome-vue - vue-m-button - A beautiful button component for vue. (UI Components [🔝](#readme))
- awesome-vue-zh - Vue-M-按钮 - vue的漂亮按钮组件. (UI组件 / 形成)
- awesome-vue - vue-m-button - A beautiful button component for vue. (Components & Libraries / UI Components)
- awesome-vue - vue-m-button ★6 - A beautiful button component for vue. (UI Components / Form)
- awesome-vue - vue-m-button - A beautiful button component for vue. (UI Components / Form)
README
## Button
Vue 的 Button 按钮组件。
[English](README.md)
[Live Demo](https://mengdu.github.io/m-button/example/)
## Use
```ls
npm install vue-m-button
```
```js
import MButton from 'vue-m-button'
// for v1.0.0
// import 'vue-m-button/dist/css/default.css'
Vue.use(MButton)
```
会全局注册 `m-button-group`，`m-button` 组件。
```html
defaut
```
**按钮组：**
```html
首页
热门
专栏
```
### Button Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| size | 尺寸 | string | `max`, `large`, `默认`, `samll`, `mini` | — |
| type | 类型 | string | `info`，`primary`，`warning`，`danger`，`success` | — |
| plain | 是否朴素按钮 | boolean | — | false |
| round | 圆形按钮 | boolean | — | false |
| disabled | 是否禁用状态 | boolean | — | false |
| active | 焦点状态 | boolean | — | false |
| effect | 焦点涟漪效果 | boolean | — | true |
| router | vue-router 路由对象 | path | — | — |