Lightweight color
picker plugin
GithubFeatures
Adaptable Layout
Comes in both vertical and vertical-widget layouts for diferent situations.
Tiny Size
Verte is small and won’t introduce performance costs. It’s only 7kb gzipped.
Customizable icon
Make use of Vue slots to set your own custom Verte icon with ease.
Many Models
Choose from multiple color models including RGB, HSL, and Hex.
Installation
and Usage
npm install verte
# or use yarn
yarn add verte
# 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>
Standalone and Vue.js
Enjoy a fully customizable color picker component built for Vue.js with a minimal size. It also comes in plain vanilla JavaScript.