vue-ladda
A vue wrapper for https://github.com/hakimel/Ladda .
Installation
Direct Download / CDN
https://unpkg.com/vue-ladda/dist/vue-ladda.js
Then you can use it in this way:
...
NPM
npm install vue-ladda
// or import the vue single file component, if you set vue-loader, sass-loader and babel properly. // then register it globallyVue // or locallyvar Child = template: '<vue-ladda>Click Me!</vue-ladda>' // ... components: // <my-component> will only be available in parent's template 'vue-ladda': VueLadda
How to use
-
Use default slot to give button label: (Default label is "Submit")
Confirm -
Use
buttonClass
prop to specify your own CSS classes: (Default is "ladda-class") ie. you can use Bootstrap button classesYes! -
Use
data-style
prop to specify animation:...Visit http://lab.hakim.se/ladda/ to get a full options of data-style.
-
Use
loading
prop to control button status:... -
Use
progress
prop to control the ladda built-in progress bar. (0 to 1)...