https://github.com/wobsoriano/vue3-swatches
🎨 Vue 3 swatch picker
https://github.com/wobsoriano/vue3-swatches
swatches vue
Last synced: 6 months ago
JSON representation
🎨 Vue 3 swatch picker
- Host: GitHub
- URL: https://github.com/wobsoriano/vue3-swatches
- Owner: wobsoriano
- License: mit
- Created: 2021-08-30T09:31:09.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-02-03T22:33:39.000Z (over 1 year ago)
- Last Synced: 2025-04-15T02:18:35.734Z (6 months ago)
- Topics: swatches, vue
- Language: Vue
- Homepage:
- Size: 909 KB
- Stars: 20
- Watchers: 2
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# vue3-swatches
🎨 Vue 3 swatch picker
Though not a fork, this package is a complete copy of [vue-swatches](https://github.com/saintplay/vue-swatches) made to work with Vue 3.
## Install
```sh
pnpm add vue3-swatches
```
## Example
Install as a global plugin (Optional)
```js
// 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
```vue
import { ref } from 'vue'
import { VSwatches } from 'vue3-swatches'
import 'vue3-swatches/dist/style.css'
const color = ref("#1FBC9C")
```
### Using a Custom Trigger
```html
```
### Nuxt
```js
export default defineNuxtConfig({
modules: ['vue3-swatches/nuxt']
})
```
Head over to https://saintplay.github.io/vue-swatches/ for the complete documentation.
### License
MIT