🎨 Vue Color v3.0

A collection of efficient and customizable color pickers built with Vue 3, designed for modern web development.

✨ Features

• Modular & Tree-Shakable – Only import what you need.

• TypeScript Ready – Full typings for better DX.

• Optimized for Accessibility – Built with keyboard navigation and screen readers in mind.

📦 Installation

npm install vue-color@next
# or
yarn add vue-color@next

🔧 Usage

Step 1: Import the stylesheet

// main.ts
import { createApp } from 'vue'
import App from './App.vue'

// import stylesheet
import 'vue-color/style.css';

createApp(App).mount('#app')

Step 2: Import the components

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

<script setup lang="ts">
import { reactive } from 'vue'
import { ChromePicker } from 'vue-color'

const color = defineModel({
  default: () => reactive({r: 0, g: 0, b: 255, a: 1})
});
</script>

📚 Documentation

Coming soon...

🤝 Contributing

Contributions are welcome! Please open issues or pull requests as needed.

📄 License

MIT