https://github.com/devmnj/vue-color-picker

Vue pure CSS color picker component
https://github.com/devmnj/vue-color-picker

color color-picker css vue vue-component vue-components vuejs

Last synced: about 1 month ago
JSON representation

Vue pure CSS color picker component

• Host: GitHub
• URL: https://github.com/devmnj/vue-color-picker
• Owner: devmnj
• Created: 2021-07-14T05:37:52.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-14T15:55:40.000Z (over 3 years ago)
• Last Synced: 2024-03-05T12:47:11.397Z (12 months ago)
• Topics: color, color-picker, css, vue, vue-component, vue-components, vuejs
• Language: JavaScript
• Homepage:
• Size: 256 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

vue-color-picker




[![Status](https://img.shields.io/badge/status-active-success.svg)]()

[![GitHub Issues](https://img.shields.io/github/issues/kylelobo/The-Documentation-Compendium.svg)](https://github.com/kylelobo/The-Documentation-Compendium/issues)

[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/kylelobo/The-Documentation-Compendium.svg)](https://github.com/kylelobo/The-Documentation-Compendium/pulls)

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)



---

 color-picker component for Vue

    






## 📝 Table of Contents

- [About](#about)

- [Getting Started](#getting_started)

- [Usage](#usage)

- [Built Using](#built_using)

## 🧐 About 

This is a pure CSS color-picker component for Vue/Nuxt project.

## Prerequisites

- Nodejs

- Vuejs

  

## 🏁 Getting Started 

Install and add the dependecy the component

```bash

npm i --save @codehat/vue-color-picker

```

## 🎈 Usage 

```html

   


    


       

      {{ col }}

    

    


    

    
  

    

    

  


```

```javascript

 

import  VueColorPicker from "@codehat/vue-color-picker" ; 

export default {

  name: "Gallery",

  data() {

    return {

      col: "",      

    };

  },

  methods: {

    changeColor(value) {

      this.col = value;

    },    

  },

  components: {

    "c-picker": VueColorPicker,  

  },

};

```

## ⛏️ Built Using 

- [VueJs](https://vuejs.org/) - Web Framework

- [NodeJs](https://nodejs.org/en/) - Server Environment