Color Picker For Vue Using TailwindCSS

Install & Download:

# Yarn
$ yarn add vue-tailwind-color-picker
# NPM
$ npm i vue-tailwind-color-picker

Description:

Yet another color picker component for Vue using TailwindCSS v2+.

How to use it:

1. Import and register the color picker.

import Vue from 'vue'
import VueTailwindColorPicker from 'vue-tailwind-color-picker'

Vue.use(VueTailwindColorPicker)

2. Add the color picker to the template.

<template>
  <vue-tailwind-color-picker />
</template>

3. Available props.

value: String,
swatches: {
  type: Array,
  default: () => []
},
hideSwatches: Boolean

Preview: