MultiColumnComboBox

Updated on Aug 21, 2025

Represents the MultiColumnComboBox component.

Accepts properties of type MultiColumnComboBoxProps. Obtaining the ref returns an object of type MultiColumnComboBoxHandle.

A Functional Component.

jsx

const columns = [
 {
   field: "id",
   header: "ID",
   width: "100px",
 },
 {
   field: "name",
   header: "Name",
   width: "300px",
 },
 {
   field: "position",
   header: "Position",
   width: "300px",
  },
];
const App = () => {
  return (
    <div>
      <div>Employees:</div>
      <MultiColumnComboBox
        data={employees}
        columns={columns}
        textField={"name"}
        style={{
          width: "300px",
        }}
        placeholder="Please select ..."
      />
    </div>
  );
};

Name	Type	Default	Description
props	MultiColumnComboBoxProps intersected with RefAttributes<"null" | MultiColumnComboBoxHandle>		The props of the MultiColumnComboBox component.