开发者社区> 镜像站> NPM> vuey
vuey
personal collection of components
Last updated 4 years ago by yerkopalma .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install vuey 
SYNC missed versions from official npm registry.

vuey

personal collection of components

Usage

Currently there is only the ripple directive availaible.

ripple directive

You can check the specification here. First of all include the plugin.

import Vue from 'vue'
import vuey from 'vuey'

Vue.use(vuey)

And add the stylesheet

<link rel="stylesheet" type="text/css" id="vuey" href="node_modules/vuey/dist/vuey.min.css">

Now the directive is ready to use with its default values

<template>
<button v-ripple></button>
</template>

Or you can customize any of the default options availaibles

<template>
<button></button>
</template>
<script>
export default {
  ripple: {
    color: '#e3e3e3',
    speed: 2
  }
}
</script>

Those options will modify all the ripple directives, you can use modifiers for specific animations on specific elements

<template>
<button v-ripple.blue></button>
</template>

Contribution

  • Fork it !
  • Create your top branch from dev: git branch my-new-topic origin/dev
  • Commit your changes: git commit -am 'Add some topic'
  • Push to the branch: git push origin my-new-topic
  • Submit a pull request to dev branch of YerkoPalma/vuey repository !

License

MIT

Current Tags

  • 0.0.7                                ...           latest (4 years ago)

6 Versions

  • 0.0.7                                ...           4 years ago
  • 0.0.6                                ...           4 years ago
  • 0.0.5                                ...           4 years ago
  • 0.0.4                                ...           4 years ago
  • 0.0.3                                ...           4 years ago
  • 0.0.1                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dependents (0)
None