https://github.com/baianat/verte

🎨 A Color picker component. Built from the bottom to work with Vue.js.
https://github.com/baianat/verte

color-picker color-picker-popup component vue vuejs

Last synced: 12 days ago
JSON representation

🎨 A Color picker component. Built from the bottom to work with Vue.js.

• Host: GitHub
• URL: https://github.com/baianat/verte
• Owner: baianat
• License: mit
• Created: 2018-05-13T15:15:24.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-10T16:45:29.000Z (almost 2 years ago)
• Last Synced: 2024-11-23T11:50:46.684Z (about 1 month ago)
• Topics: color-picker, color-picker-popup, component, vue, vuejs
• Language: Vue
• Homepage: https://baianat.github.io/verte/
• Size: 1.72 MB
• Stars: 181
• Watchers: 3
• Forks: 42
• Open Issues: 45
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  



[![Build Status](https://img.shields.io/travis/baianat/verte.svg?style=flat-square)](https://travis-ci.org/baianat/verte)

[![Codecov](https://img.shields.io/codecov/c/github/baianat/verte.svg?style=flat-square)](https://codecov.io/github/baianat/verte)

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/32d598bdf1094532baf51ac7d89aebfd)](https://www.codacy.com/app/logaretm/verte?utm_source=github.com&utm_medium=referral&utm_content=baianat/verte&utm_campaign=Badge_Grade)

[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/baianat/verte.svg)](http://isitmaintained.com/project/baianat/verte "Average time to resolve an issue")

[![Percentage of issues still open](http://isitmaintained.com/badge/open/baianat/verte.svg)](http://isitmaintained.com/project/baianat/verte "Percentage of issues still open")

[![npm](https://img.shields.io/npm/dm/verte.svg)](https://npm-stat.com/charts.html?package=verte)

[![npm](https://img.shields.io/npm/v/verte.svg)](https://www.npmjs.com/package/verte)

# 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`:

```bash

npm install verte --save

# or use yarn

yarn add verte

```

### Basic usage

```html {2,8,13}

  

  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 }

  });

```

## License

MIT