Add Item Button

warning

CustomMultiselect is functional only in modals. An Issue has been raised to Tag Component.

Usage Example

Code

import React, { useRef, useState } from "react";
import CustomMultiselect from "./CustomMultiselect";

const CustomMultiselectAllButtonDemo = () => {
  const data = [
    { cid: 1, name: "Item 1" },
    { cid: 2, name: "Item 2" },
    { cid: 3, name: "Item 3" },
  ];

  const handleAddItem = (newItemObject) => {
    console.log("newItemObject", newItemObject);
  };

  return (
    <BrowserOnly>
      {() => (
        <CustomMultiselect
          withAddItem={true}
          addButtonText="Add Item"
          textField="name"
          valueField="cid"
          data={data}
          onAddItem={handleAddItem}
        />
      )}
    </BrowserOnly>
  );
};

export default CustomMultiSelectAddItemDemo;

Result

Callbacks

onAddItem

This callback is triggered when the user adds a new item using the "Add Item" button.