A Nice Chrome-style ColorPicker with vue.js

by Vue.js Examples

one-colorpicker

A Chrome-style ColorPicker.

View Demo View Github

Install

$ npm install one-colorpicker

Quick Start

import {ColorPicker, ColorPanel} from 'one-colorpicker'

Vue.use(ColorPanel)
Vue.use(ColorPicker)

Props

value

bind v-model return string, eg: '#f90', 'rgba(0, 255, 255, .4)'

<color-panel v-model="color"></color-panel>

Events

change

<color-picker v-model="color" @change="change"></color-picker>

Build Setup

generated by vue-cli

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.