baianat / verte

🎨 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 gzipped.
• Two way binding support.

Getting Started

Installation

First step is to install it using yarn or npm:

npm install verte --save

# or use yarn
yarn add verte

Basic usage

<template>
  <verte picker="square" model="rgb"></verte>
</template>

<script>
  import Verte from 'verte';
  import 'verte/dist/verte.css';
  // register component globally
  Vue.component(Verte.name, Verte);

  new Vue ({
    el: '#app',
    // OR register locally
    components: { Verte }
  });
</script>

License

MIT