🎨 Vue 3 swatch picker
Though not a fork, this package is a complete copy of vue-swatches made to work with Vue 3.
pnpm add vue3-swatchesInstall as a global plugin (Optional)
// main.js
import { createApp } from 'vue'
import VSwatches from 'vue3-swatches'
import 'vue3-swatches/dist/style.css'
const app = createApp(App)
app.use(VSwatches)or import it locally
<script setup>
import { ref } from 'vue'
import { VSwatches } from 'vue3-swatches'
import 'vue3-swatches/dist/style.css'
const color = ref("#1FBC9C")
</script>
<template>
<VSwatches v-model="color" />
</template><template>
<VSwatches v-model="color">
<template #trigger>
<input :value="color" readonly />
</template>
</VSwatches>
</template>export default defineNuxtConfig({
modules: ['vue3-swatches/nuxt']
})Head over to https://saintplay.github.io/vue-swatches/ for the complete documentation.
MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent