MultiCombo API Overview

Initialization

<script setup>
  import { MultiCombo } from "@svar-ui/vue-core";

  const dataset = [
    {id:1, label:"First option"},
    {id:2, label:"Second option"},
    {id:3, label:"Third option"}
  ];
</script>

<template>
  <MultiCombo :options="dataset"/>
</template>

tip

• Visit the Features Guide to learn more about the control's functionality.
• Explore the samples to visualize the available features.

MultiCombo Properties

checkboxes	Optional. Defines whether MultiCombo options have checkboxes next to them
css	Adds a custom style to the MultiCombo control.
disabled	Optional. Defines whether a MultiCombo is disabled
dropdown	Optional. Defines the behavior and appearance of the multicombo dropdown
error	Optional. Defines whether error styling is applied to a MultiCombo
id	Optional. Sets an id for a MultiCombo
keepText	Optional. Defines whether the filter text typed by the user is kept in the input after an option is selected
options	Optional. Specifies a set of data items that will be used as MultiCombo options
placeholder	Optional. Sets the text of the input's placeholder
textField	Optional. Binds MultiCombo options to the input field by the specified key
textOptions	Optional. Specifies a set of data items that will be used in the input and hidden from dropdown
title	Optional. Sets a tooltip text with additional info about the control
tooltip	Optional. Sets the tooltip text shown on hover when the control is wrapped in a Tooltip component
value	Optional. Specifies the selected values

MultiCombo Events

change	Fires when a new value is selected in a multicombo