DevControlColor

components/dev/ControlColor.vue

Hex color text input with label. 6-character max, monospace font, dark-themed.

Fill
#
Stroke
#
Background
#
components/dev/ControlColor.vue

Usage

<DevControlColor label = "required" modelValue = "required" placeholder = "ffffff" />

Props

PropTypeDefaultDescription
labelStringrequiredControl label
modelValueStringrequiredCurrent hex value (v-model)
placeholderString'ffffff'Placeholder hex value

Events

EventDescription
update:modelValueWhen color value changes

Related