Press "Enter" to skip to content

Vue.js Plugin That Handles Asynchronous Button | vue-promise-btn

vue-promise-btn is a Vue.js plugin that handles asynchronous lock buttons and shows a load status indicator.

vue loading button, vue element loading, v promise btn, vue js promise example, vue loading overlay, vue content loader, vue content loading

Features

  • Easy-to-use API
  • flexible use
  • Works with any sign, even shapes
  • In extended mode – compatible with third-party components
  • Packed with an optional built-in rotor
  • Only 1.5 KB minified and compressed
  • ESM, CommonJS, and UMD versions

Free Vanilla JavaScript Polyfill For Native Lazy Loading

How to make use of it:

Installation

npm install --save vue-promise-btn

Import and “handshake” plugin with vue.

import Vue from 'vue'
import VuePromiseBtn from 'vue-promise-btn'

// not required. Styles for built-in spinner
import 'vue-promise-btn/dist/vue-promise-btn.css'

Vue.use(VuePromiseBtn) // or with global options Vue.use(VuePromiseBtn, {})

Options

OptionTypeDefault value
btnLoadingClassStringloading
spinnerHiddenClassStringhidden
actionStringclick
disableBtnBooleantrue
minTimeoutNumber400
autoHideSpinnerWrapperBooleanfalse (if true – add display property that depends on spinner state)
loaderComponent or HTML StringBuilt-in Spinner component
stringHTMLRendererFunctionReturns HTML string template
componentRendererFunctionReturns component render-function

Action types

Vue internal action names for mouse modifiers

Mouse ModifierAction Name
Leftclick
Rightcontextmenu
Middlemouseup

Vue.js Promise Button Plugin, vue-promise-btn Plugin/Github


See Demo And Download

Official Website(STUkh): Click Here

This superior jQuery/javascript plugin is developed by STUkh. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.