A Complete Vue.js Color Picker Component – Verte

A Complete Vue.js Color Picker Component – Verte

Verte is a Color picker component. Built from the bottom to work with Vue.js and also comes in a vanilla version.

verte

Build Status Codecov Codacy Badge Average time to resolve an issue Percentage of issues still open npm npm

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

Github Repository

Tags: #VueJs