πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. VueJs Plugins
  3. Beautiful Button Component For Vue

Beautiful Button Component For Vue

A vue.js component to create beautiful customizable buttons on the applications.

Other
Demo Download Tutorial

Documentation

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-group，m-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 info，primary，warning，danger，success β€”
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 β€” β€”

You May Also Like

API-driven Periodic Table For Vue.js – Periodicity

Beautiful Word Cloud Component For Vue.js

Render Blocks Based On The Status Of A Promise – vue-await

Create Fast Loading Non-blocking Iframes In Vue – vue-friendly-iframe

Cool Emoji Picker For Vue.js

Draw Pixel Arts In Vue

3D Product Spinner For Vue.js

Webcam Component For Vue.js

Perfect Custom Scrollbar Component For Vue

Circular Arc Counter For Vue.js

Image Wall Component For Vue

Detect Outside Clicks – vue-closable

Export JSON Into CSV File – vue-json-csv

Flexible Tabs Component – vue-magic-line

Simple Tree View Component For Vue.js App

Detect Long Click In Vue.js

Page Scroll Progress Bar For Vue.js

Simple Emoji Picker For Vue.js

Crypto Exchange Tool For Vue – vue-cryptobar

Tournament Bracket Generator For Vue.js

Scroll To Page Top Component With Vue

Beautiful Floating Action Button For Vue

Vue Multiple Selection Management Componnet – Multiclick

Direction-aware Hover In Vue

Minimal Multi-level Dropdown Component For Vue

Minimalistic Dropdown Component For Vue – dropd

Fake Discord Messages In Vue

Auto Save And Restore State For Vuex – vuex-along

Vue History Log Component

Recognize Touch Mouse And Pointer Events In Vue – recognizer

Create Polls And Voting In Vue – vue-easy-polls

Google Sign-In Button Component For Vue.js

JSON To Tree Component For Vue.js

Sliding Pane Component For Vue – SlideOut

Create Draggable Elements In Vue – v-drag

iOS Style Swipe Actions For Vue.js

Vue 2 Tabs Component With Active Line

Lightweight Terminal Emulator In Vue – Vue-terminal

Draggable Hierarchical List For Vue.js – vue-nestable

Present With Vue – Keynote

Easy Communication Between Tabs For Vue 2

Draggable Nested Tree Component For Vue

Vue Drag-and-drop Sorting Component – Sortable

Vue.js QR Code Generator

Beautiful Switch Component For Vue.js

Vue 1.x / 2.x Draggable Component

Simple Virtual Keyboard For Vue.js

Full-featured Touch Gesture Component For Vue – v-touch

Search Places And Address Using Google Maps API – Vue-Gmaps

Vue Components For Creating Neat Windows

A Sortable List Directive With Vue – Awe-dnd

Drag and Drop Component For Vue.js – vue-dragula

Font Awesome Component For Vue.js

Make Sticky Elements In Vue.js

Button Component For Vue.js 2+

Detect DOM Element Resizing In Vue.js

Google Autocomplete Component For Vue.js

Vue.js Plugin For Google Sign-in Button

Drag Zone Component For Vue.js 2

Vue Directive For Window Resize Events

Pull Down Refresh Component For Vue.js

Star Rating Component For Vue 2

Vue Drag And Drop List

Simple Filter Component For Vue.js

Vue Click Outside Component

QR Code Component For Vue 2

Facebook Sign-in Button For Vue.js

JSON Tree View Component For Vue.js

Vue Chalkboard Component

Vue Custom Shortcut Component – vue-shortkey

jQuery Plugins

AngularJs Plugins