Color Picker For Vue Using TailwindCSS

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:

Color Picker For Vue Using TailwindCSS

Download Details:

Author: advplyr

Live Demo: https://advplyr.github.io/vue-tailwind-color-picker/

Download Link: https://github.com/advplyr/vue-tailwind-color-picker/archive/refs/heads/master.zip

Official Website: https://github.com/advplyr/vue-tailwind-color-picker

Install & Download:

# Yarn
$ yarn add vue-tailwind-color-picker

# NPM
$ npm i vue-tailwind-color-picker

Add Comment