MigsLab UIVue 3 component workshop

Form

Color Picker

The browser color input with the hex value and a copy-to-clipboard button.

import { ColorPickerComponent } from '@/MigsLab/shared'

Example

#2563eb
const brandColor = ref('#2563eb')

<ColorPickerComponent v-model="brandColor" />

API

Props

NameType Default Description
v-modelstring'#000000'Color as a #rrggbb hex string.
disabledbooleanfalseDisable the color input.

Events

EventPayloadDescription
copiedstringThe value was copied to the clipboard.