Sebaris

Nilainya: #3b82f6

Di dalam popover

rgb(220, 38, 38)

Instalasi

npx shadcn-vue@latest add https://kliping.pro/r/color-picker.json

Penggunaan

<script setup lang="ts">
import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerSwatches, ColorPickerSwatchItem, ColorPickerTrigger } from '@/dice/color-picker'
</script>

Bagian

Bagian	Berkas
ColorPicker	src/dice/color-picker/ColorPicker.vue
ColorPickerAlphaSlider	src/dice/color-picker/ColorPickerAlphaSlider.vue
ColorPickerArea	src/dice/color-picker/ColorPickerArea.vue
ColorPickerContent	src/dice/color-picker/ColorPickerContent.vue
ColorPickerEyeDropper	src/dice/color-picker/ColorPickerEyeDropper.vue
ColorPickerFormatSelect	src/dice/color-picker/ColorPickerFormatSelect.vue
ColorPickerHueSlider	src/dice/color-picker/ColorPickerHueSlider.vue
ColorPickerInput	src/dice/color-picker/ColorPickerInput.vue
ColorPickerSwatch	src/dice/color-picker/ColorPickerSwatch.vue
ColorPickerSwatches	src/dice/color-picker/ColorPickerSwatches.vue
ColorPickerSwatchItem	src/dice/color-picker/ColorPickerSwatchItem.vue
ColorPickerTrigger	src/dice/color-picker/ColorPickerTrigger.vue

Asalnya

Ditulis ulang untuk Vue dari Dice UI, MIT, Copyright (c) 2024 Sadman Sakib. Rincian kewajiban lisensinya ada di halaman kredit.