vue-ladda

WebJar for vue-ladda

License	MIT
GroupId	org.webjars.npm
ArtifactId	vue-ladda
Last Version	0.0.13
Release Date	Mar 23, 2018
Type	jar
Description	vue-ladda WebJar for vue-ladda
Project URL	http://webjars.org
Source Code Management	https://github.com/zcfan/vue-ladda

Download vue-ladda

Filename	Size
vue-ladda-0.0.13.pom
vue-ladda-0.0.13.jar	23 KB
vue-ladda-0.0.13-sources.jar	22 bytes
vue-ladda-0.0.13-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/vue-ladda/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>vue-ladda</artifactId>
    <version>0.0.13</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/vue-ladda/
implementation 'org.webjars.npm:vue-ladda:0.0.13'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/vue-ladda/
implementation ("org.webjars.npm:vue-ladda:0.0.13")

Apache Buildr

'org.webjars.npm:vue-ladda:jar:0.0.13'

Apache Ivy

<dependency org="org.webjars.npm" name="vue-ladda" rev="0.0.13">
  <artifact name="vue-ladda" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='vue-ladda', version='0.0.13')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "vue-ladda" % "0.0.13"

Leiningen

[org.webjars.npm/vue-ladda "0.0.13"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.npm : ladda	jar	[1.0.0,2)

Project Modules

There are no modules declared in this project.

vue-ladda

A vue wrapper for https://github.com/hakimel/Ladda .

Demo

Demo source code

Installation

Direct Download / CDN

https://unpkg.com/vue-ladda/dist/vue-ladda.js

<script src="https://unpkg.com/vue-ladda"></script>

Then you can use it in this way:

<vue-ladda ...>...</vue-ladda>

NPM

npm install vue-ladda

import VueLadda from 'vue-ladda'

// or import the vue single file component, if you set vue-loader, sass-loader and babel properly.
import VueLadda from 'vue-ladda/src/vue-ladda.vue'

// then register it globally
Vue.component('vue-ladda', VueLadda)

// or locally
var Child = {
  template: '<vue-ladda>Click Me!</vue-ladda>'
}
new Vue({
  // ...
  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")

  <vue-ladda>Confirm</vue-ladda>

• Use buttonClass prop to specify your own CSS classes: (Default is "ladda-class") ie. you can use Bootstrap button classes

  <vue-ladda button-class="btn btn-primary">Yes!</vue-ladda>

• Use data-style prop to specify animation:

  <vue-ladda data-style="expand-left|contract|zoom-in|slide-left">
    ...
  </vue-ladda>

  Visit http://lab.hakim.se/ladda/ to get a full options of data-style.

• Use loading prop to control button status:

  <vue-ladda loading="true|false">...</vue-ladda>

• Use progress prop to control the ladda built-in progress bar. (0 to 1)

  <vue-ladda :progress="0-1">...</vue-ladda>

Versions

Version
0.0.13 Mar 23, 2018