1. vue-m-button
A button component for vue.
vue-m-button
Package: vue-m-button
Created by: mengdu
Last modified: Mon, 23 May 2022 16:29:16 GMT
Version: 2.0.0
License: MIT
Downloads: 18
Repository: https://github.com/mengdu/m-button

Install

npm install vue-m-button
yarn add vue-m-button

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

Dependencies

autoprefixer: ^7.1.2babel-core: ^6.22.1babel-eslint: ^8.2.1babel-helper-vue-jsx-merge-props: ^2.0.3babel-jest: ^21.0.2babel-loader: ^7.1.1babel-plugin-dynamic-import-node: ^1.2.0babel-plugin-syntax-jsx: ^6.18.0babel-plugin-transform-es2015-modules-commonjs: ^6.26.0babel-plugin-transform-runtime: ^6.22.0babel-plugin-transform-vue-jsx: ^3.5.0babel-preset-env: ^1.3.2babel-preset-stage-2: ^6.22.0babel-register: ^6.22.0chalk: ^2.0.1cheerio: ^1.0.0-rc.2chromedriver: ^2.27.2copy-webpack-plugin: ^4.0.1cross-spawn: ^5.0.1css-loader: ^0.28.0eslint: ^4.15.0eslint-config-standard: ^10.2.1eslint-friendly-formatter: ^3.0.0eslint-loader: ^1.7.1eslint-plugin-import: ^2.7.0eslint-plugin-node: ^5.2.0eslint-plugin-promise: ^3.4.0eslint-plugin-standard: ^3.0.1eslint-plugin-vue: ^4.0.0extract-text-webpack-plugin: ^3.0.0file-loader: ^1.1.4friendly-errors-webpack-plugin: ^1.6.1html-webpack-plugin: ^2.30.1jest: ^22.0.4jest-serializer-vue: ^0.3.0less: ^3.0.1less-loader: ^4.1.0markdown-it-anchor: ^4.0.0markdown-it-container: ^2.0.0nightwatch: ^0.9.12node-notifier: ^5.1.2optimize-css-assets-webpack-plugin: ^3.2.0ora: ^1.2.0portfinder: ^1.0.13postcss-import: ^11.0.0postcss-loader: ^2.0.8postcss-url: ^7.2.1rimraf: ^2.6.0selenium-server: ^3.0.1semver: ^5.3.0shelljs: ^0.7.6transliteration: ^1.6.2uglifyjs-webpack-plugin: ^1.1.1url-loader: ^0.5.8vue: ^2.5.2vue-jest: ^1.0.2vue-loader: ^13.3.0vue-markdown-loader: ^2.4.1vue-style-loader: ^3.0.1vue-template-compiler: ^2.5.2webpack: ^3.6.0webpack-bundle-analyzer: ^2.9.0webpack-dev-server: ^2.9.1webpack-merge: ^4.1.0

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code