vcp

vue-colour-picker

Pickers Input using Vue-color Sketch, Compact & Chrome Colour pickers.

Showing:

Popularity

Downloads/wk

96

GitHub Stars

3

Maintenance

Last Commit

2yrs ago

Contributors

1

Package

Dependencies

3

License

MIT

Type Definitions

Tree-Shakeable

No?

Readme

Vue-color-picker

Pickers Input using Vue-color Sketch, Compact & Chrome Colour pickers.

Demo

Installation

    npm install vue-colour-picker

Import

import { ColourPicker } from 'vue-colour-picker'

new Vue({
  components: {
    'colour-picker': ColourPicker
  },

  data(){
      return{
          colour: '#000000'
      }
  }
})

Usage

For Chrome Colour Picker

    <colour-picker
        v-model="colour"
        :value="colour"
        label="Pick Colour"
        picker="chrome" />

For Compact Colour Picker

    <colour-picker
        v-model="colour"
        :value="colour"
        label="Pick Colour"
        picker="compact" />

For Sketch Colour Picker

    <colour-picker
        v-model="colour"
        :value="colour"
        label="Pick Colour"
        picker="sketch" />

Without Input


   <colour-picker
        v-model="colour"
        :value="colour"
        label="Pick Colour"
        no-input
        picker="sketch" />

Dependency

This package is dependent on vue-color and laravel-mix

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Tutorials

No tutorials found
Add a tutorial