Skip to main content

MultiCombo API Overview

Initialization

import { MultiCombo } from "@svar-ui/react-core";

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

// Example usage in a React component
export default function App() {
return <MultiCombo options={dataset} />;
}
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

MultiCombo Properties

checkboxesOptional. Defines whether MultiCombo options have checkboxes next to them
disabledOptional. Defines whether a MultiCombo is disabled
errorOptional. Defines whether error styling is applied to a MultiCombo
idOptional. Sets an id for a MultiCombo
optionsOptional. Specifies a set of data items that will be used as MultiCombo options
placeholderOptional. Sets the text of the input's placeholder
textFieldOptional. Binds MultiCombo options to the input field by the specified key
textOptionsOptional. Specifies a set of data items that will be used in the input and hidden from dropdown
titleOptional. Sets a tooltip text with additional info about the control
valueOptional. Specifies the selected values

MultiCombo Events

changeFires when a new value is selected in a multicombo