vue-simplest-hue-radial-picker v0.2.0

Vue SimplestHuePicker

A component to add a radial colopicker as a Vue component inside your Vue.js application

Install

npm install --save vue-simplest-hue-radial-picker

Demo

Here is the codesandbox demo

Usage

Add the component in your vue template

<template>
  <div>
        <simplest-hue-picker v-model="color"></simplest-hue-picker>
  </div>
</template>

import the component in your vue script

<script>
import SimplestHuePicker from "vue-simplest-hue-radial-picker";
export default {
  name: "parent-component",
  components: { SimplestHuePicker },
  data() {
    return {
      color: {
        hue: 0
      }
    };
  }
};
</script>

color.hue will contain the picker value (from 0 to 360)