Vue color picker

Overview

Vue color picker

Iro color picker for Vue.

Demo

See demo here

Install

npm install vue-iro-color-picker --save

Usage

import ColorPicker from 'vue-iro-color-picker';

Vue.component('color-picker', ColorPicker);

Contribution

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Build new version

npm run build-lib
You might also like...
Cordelia Vue - a VueJS plugin that allows you to add a rich color picker into your web pages

Color picker for web and mobile browsers. Vue plugin version of Cordelia Color Picker library.

Vue color picker

Vue color picker Iro color picker for Vue. Demo See demo here Install npm install vue-iro-color-picker --save Usage import ColorPicker from 'vue-iro-

Color Picker app, created by tauri.
Color Picker app, created by tauri.

Color Picker 取色器 ✨ 特性 一键取色并复制到剪贴板 保留历史取色记录 自定义颜色值类型(如:HEX, RGB 等) 自定义取色快捷键(默认:F2) 颜色值去重 历史记录:左键单击显示颜色值,左键双击复制颜色值到剪贴板,右键单击删除颜色 可隐藏界面取色 软件安装包小,占用内存少 🌴

Color picker chrome-style only
Color picker chrome-style only

one-colorpicker A Chrome-style ColorPicker Install $ npm install one-colorpicker Quick Start import {ColorPicker, ColorPanel} from 'one-colorpicker'

Color Picker base on Vue2.x

Color Picker base on Vue2.x

A Vue3.x based color picker component with gradient bar control.
A Vue3.x based color picker component with gradient bar control.

a Vue3.x based color picker component. English | 中文 Features Supports 3 CSS background color modes: solid, linear-gradient and radial-gradient. Suppor

(vue3.0) 🎨 Vue Color Pickers for Sketch, Photoshop, Chrome & more
(vue3.0) 🎨 Vue Color Pickers for Sketch, Photoshop, Chrome & more

🎨 Vue Color Pickers for Sketch, Photoshop, Chrome & more

Lightweight color shader/blender/converter plugin implemented for Vue 2.
Lightweight color shader/blender/converter plugin implemented for Vue 2.

Vue Color Blender/Shader/Converter Lightweight color shader/blender/converter plugin implemented for Vue 2. Disclaimer The algoritmn used in this plug

⚡ A resistor color practice website develop by Vue.js
⚡ A resistor color practice website develop by Vue.js

ResiColor ⚡ A resistor color practice website develop by Vue.js ScreenShots Project setup $ yarn install Compiles and hot-reloads for development $ y

Comments
  • Question - Have you implemented all the events?

    Question - Have you implemented all the events?

    Hey, quick question,

    Looking at the code, it looks like you haven't implemented a number of events - https://iro.js.org/colorPicker_api.html#events

    Is it possible to implement the input:end event?

    change isn't favorable in my scenario, as I'll be calling an API.

    Alternatively, let me know where to get started, and I'll try and implement this myself.

    Cheers

    enhancement 
    opened by siggerzz 4
  • re: transferring ownership

    re: transferring ownership

    Hi, I'm the author of iro.js

    Firstly, great work on this project! It's really cool to see that someone has made a such a nice Vue wrapper for iro.js and that they've taken the time to keep it up to date :)

    I'm currently looking into making officially supported Vue and React components for the next major version of iro.js (5.0 discussion thread). But since having competing Vue components for iro.js might be confusing, I was wondering if you would be open to either transferring ownership of this repo (and npm package) or perhaps giving me push access?

    Of course you're absolutely welcome to help maintain this project if you'd like, and I'll make sure that you're credited for your work :)

    Thanks!

    opened by jaames 2
  • How to apply Layout Options?

    How to apply Layout Options?

    Hey there,

    love your color picker and thanks for the vue wrapper. But i cant really figure out how to customize the picker layout. The layout prop of the color-picker does not seem to work at all. I tried putting it in a Stringified Array, with the wheel referenced as a prop, which comes from the npm package.

    Is it even possible to customize the layout with this wrapper?

    Cheers ;)

    opened by janmei 1
Owner
iro.js
iro.js
:art: Vue Color Pickers for Sketch, Photoshop, Chrome & more http://vue-color.surge.sh

vue-color Color Pickers for Sketch, Photoshop, Chrome & more with Vue.js(vue2.0). Live demo Installation NPM $ npm install vue-color CommonJS var Phot

Don 2.4k Dec 29, 2022
Radial Color Picker - Vue

Radial Color Picker - Vue Introduction Great UX starts with two basic principles - ease of use and simplicity. Selecting a color should be as easy as

Radial Color Picker 83 Dec 28, 2022
🎨 A natural color picker component for Vue.js

Color picker for Vue.js A Vue.js color picker component designed for humans. Installation npm i --save-dev vue-color-picker-board Browser Include the

Shlomi Nissan 11 Nov 24, 2022
🎨 A Color picker component. Built from the bottom to work with Vue.js.

Verte A Complete Vue.js Color Picker Component Features Multiple Color Models support: RGB, HSL, and HEX. SSR Friendly. Small file size, only 7kb gzip

Baianat 159 Dec 26, 2022
🎨 Lightweight color picker for Vue 3

?? Lightweight color picker for Vue 3

Anish George 141 Jan 2, 2023
Accessible color picker component for Vue.js

vue-accessible-color-picker An accessible Vue.js color picker component. Links: demo npmjs.com/package/vue-accessible-color-picker on BundlePhobia git

Philipp Rudloff 69 Dec 28, 2022
A Nice Color Gradient Picker with Vue

Vue Color Gradient Picker Table of Contents Installation Examples Demos Installation To install, you can use npm or yarn: $ npm install vue-color-grad

Arthur Hayrapetyan 42 Dec 14, 2022
Color picker for vue using Tailwind v2

Vue Tailwind Color Picker Color picker for vue using Tailwind v2. Requires Tailwind Live demo Installation $ npm install vue-tailwind-color-picker $ y

null 15 Jun 21, 2022
A color picker vue component

A color picker vue component

Benny Schudel 0 Feb 8, 2021
Color picker Vue.js component

vue-colorpicker Color picker Vue.js component.

Jamena McInteer 3 Jul 13, 2018