Skip to content
On this page

ColorInput

When To Use

When there is a color input, the color input box can provide a color input box and a color selector

Examples

HEXA

Enter the color number or click the color block to choose a color

<template>
  <h-color-input v-model:pure-color="shadowColor" />
</template>

<script setup lang="ts">
import { ref } from 'vue';

const shadowColor = ref('#cccccc');
</script>

API

Props

PropertyDescriptionTypedefault
v-model:pureColorcolor bindingstring