Press "Enter" to skip to content

A Natural Color Picker Board Component for Vue.js

vue-color-picker-board or palette is a component of the Vue.js color picker designed for humans.

vue color picker, vue color picker npm, v color picker, vue native color picker, vue color gradient picker

How to make use of it:

Install and download:

# NPM
$ npm install vue-color-picker-board --save

1. Include the script file, then install the component with Vue.use (VueColorPickerBoard):

<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/vue-color-picker-board/dist/vue-color-picker-board.min.js"></script>
<script type="text/javascript">
  Vue.use(VueColorPickerBoard);
</script>

2. Once installed, it can be used in a template as follows:

<vue-color-picker-board :width="800"
                        :height="100"
                        :defaultColor="'#00AAFF'"
                        @onSelection="colorSelection">
</vue-color-picker-board>

Properties

Property valueTypeDefault valueDescription
widthnumber800The width of the color picker in pixels
heightnumber100The height of the color picker in pixels
defaultColorstring'#00AAFF'The default color showed once the component renders

color picker board for vue js Plugin/Github


See Demo And Download

Official Website(shlomnissan): Click Here

This superior jQuery/javascript plugin is developed by shlomnissan. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.