JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5013
  • Score
    100M100P100Q122649F

🎨 Vue 3 swatch picker

Package Exports

  • vue3-swatches
  • vue3-swatches/nuxt

Readme

vue3-swatches

🎨 Vue 3 swatch picker

Though not a fork, this package is a complete copy of vue-swatches made to work with Vue 3.

Install

yarn add vue3-swatches

Example

Install as a global plugin (Optional)

// main.js
import { createApp } from "vue";
import VSwatches from "vue3-swatches";

const app = createApp(App);
app.use(VSwatches);

Or: Import it locally

<script setup>
  import { ref } from "vue";
  import VSwatches from "vue3-swatches";

  const color = ref("#1FBC9C");
</script>

<template>
  <VSwatches v-model="color" />
</template>

Using a Custom Trigger

<template>
  <VSwatches v-model="color">
    <template #trigger>
      <input :value="color" readonly />
    </template>
  </VSwatches>
</template>

Head over to https://saintplay.github.io/vue-swatches/ for the complete documentation.

License

MIT