vg

vue-gpickr

Vue gradient picker component

Showing:

Popularity

Downloads/wk

210

GitHub Stars

12

Maintenance

Last Commit

1yr ago

Contributors

1

Package

Dependencies

3

Size (min+gzip)

43.0KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Vue Gradient

Readme

vue-gpickr

forthebadge forthebadge

Vue gradient picker component. Inspired by gpickr and vue-color

Demo

vue-gpickr

Usage

npm i vue-gpickr
<template>
  <vue-gpickr v-model="gradient" />
</template>

<script>
import { VueGpickr, LinearGradient } from 'vue-gpickr';

const gradient = new LinearGradient({
  angle: 0,
  stops: [
    ['#0359b5', 0],
    ['#f6ce01', 1]
  ]
});

export default {
  components: {
    VueGpickr
  },
  data() {
    return {
      gradient
    }
  }
};
</script>

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100