atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 22:49:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into feat/defineModel-support

Browse Source
This commit is contained in:
snepsnepy
2025-07-16 16:23:57 +03:00
parent 9c3d70d277 6906cc26be
commit 48d08b9e24
21 changed files with 1678 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/PreviewColor.vue
View File

@@ -1,12 +1,17 @@
<template>
<div class="preview-color">
<span class="color-label">{{ title }}</span>
<input :value="color" @input="handleColorChange" type="color" :disabled="props.disabled" class="color-input" />
<input :value="color" @input="handleColorChange" type="color" :disabled="disabled" class="color-input" />
</div>
</template>
<script setup lang="ts">
const props = defineProps<{ title: string; disabled?: boolean }>();
defineProps<{
title?: string;
modelValue: string;
disabled?: boolean;
}>();
const color = defineModel<string>();
const handleColorChange = (event: Event) => {
@@ -19,7 +24,6 @@ const handleColorChange = (event: Event) => {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 1.5rem;
}
.color-label {