Skip to content

Key-Value

The Key-Value Editor allows users to manage dynamic pairs of key/value data. Supports adding, editing, deleting, reordering (drag & drop) and syncing with a parent form field.

vue
<template>
  <VsInputKeyValue v-model="keyValue" />
</template>
ts
const schema = [
  {type: 'key-value', name: 'kv' }
]
Дані для відображення відсутні
{}

Properties

Required Properties

  • name (string): Unique identifier for the field

  • type (string): Must be 'color'

  • label (string): Display label

Optional Properties

  • ignore (string[]): List of keys to ignore (not shown in editor)

  • addButtonText (string, default: "Додати"): Text for "Add" button