@ckpack/vue-color
v1.6.0
Published
(vue3.0) 🎨 Vue Color Pickers for Sketch, Photoshop, Chrome & more
Downloads
121,927
Readme
vue-color
Modified based on https://github.com/xiaokaike/vue-color to support vue3.0
🎨 Vue Color Pickers for Sketch, Photoshop, Chrome & more
Demo
Use case
On demand
We can import components we actually need, making the project smaller than otherwise.
Import Directly
<template>
<Sketch v-model="colors"/>
</template>
<script setup>
import { ref } from 'vue';
import { Sketch } from '@ckpack/vue-color';
const colors = ref('#194D33A8'); // etc: { h: 150, s: 0.66, v: 0.30 }, { r: 255, g: 0, b: 0 }, '#194d33'
</script>
Install on Demand Globally
import { createApp } from 'vue';
import App from '@/App.vue';
import { Sketch, create } from '@ckpack/vue-color';
const app = createApp(App);
app.use(create({
components: [Sketch],
}));
app.mount('#app');
Fully import
import { createApp } from 'vue';
import App from '@/App.vue';
import VueColor from '@ckpack/vue-color';
const app = createApp(App);
app.use(VueColor);
app.mount('#app');
CHANGELOG
License
vue-color is licensed under The MIT License.