How to use vue-color - 3 common examples

To help you get started, we’ve selected a few vue-color examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github weDevsOfficial / wp-project-manager / views / assets / src / helpers / library.js View on Github external
__webpack_public_path__ = PM_Vars.dir_url + 'views/assets/js/';

import Fragment from 'vue-fragment'

pm.hooks = (wp && wp.hooks) ? wp.hooks : wedevsPMWPHook;

var color           = require('vue-color/src/components/Sketch.vue');
pm.color            = color.default;
pm.Multiselect      = require('vue-multiselect'); 

var commonComp      = require('./global-common-components');
pm.commonComponents = commonComp.default;


import Lists from '@components/project-task-lists/mixin'
import Mixins from '@helpers/mixin/mixin'
import Settings from '@components/settings/mixin'
import SingleTask from '@components/project-task-lists/single-task.vue';
// import listpage from '@components/project-task-lists/lists.vue';

pm.SingleTask = SingleTask;
github stream-labs / streamlabs-obs / app / components / obs / inputs / ObsColorInput.vue.ts View on Github external
import { Component, Watch, Prop } from 'vue-property-decorator';
import { debounce } from 'lodash-decorators';
import { TObsType, IObsInput, ObsInput } from './ObsInput';
import Utils from '../../../services/utils';
import VueColor from 'vue-color';

interface IColor {
  r: number;
  g: number;
  b: number;
  a: number;

  components: { ColorPicker: VueColor.Sketch },
class ObsColorInput extends ObsInput> {
  static obsType: TObsType;

  value: IObsInput;

  pickerVisible = false;

  togglePicker() {
    this.pickerVisible = !this.pickerVisible;

  setValue(rgba: IColor) {
    if (!Object.keys(rgba).every(key => rgba[key] === this.obsColor[key])) {


Color of Vue Components

Latest version published 2 years ago

Package Health Score

59 / 100
Full package analysis

Popular JavaScript code snippets

Find secure code to use in your application or website