Skip to content

Color

The color input type lets users pick a color and see its RGB representation as text.

vue
<template>
  <VsInputColor v-model="colorValue" />
</template>
ts
const schema = [
  {type: 'color', name: 'color' }
]
#178488

Properties

Required Properties

  • name (string): Unique identifier for the field

  • type (string): Must be 'color'

  • label (string): Display label

Optional Properties

  • placeholder (string): Not commonly used for colors

  • disabled (boolean): Whether the field is disabled

  • readonly (boolean): Prevents changes

  • rules (array): Validation rules