Vue gradient picker component. Inspired by gpickr and vue-color
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>
Author: insky
Demo: https://insky.github.io/vue-gpickr/
Source Code: https://github.com/insky/vue-gpickr
#vuejs #vue #javascript