verte

Vue Color Picker

Usage no npm install needed!

<script type="module">
  import verte from 'https://cdn.skypack.dev/verte';
</script>

README

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