All Button

warning

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

Usage Example

Code

import { useState } from "react";
import BrowserOnly from "@docusaurus/BrowserOnly";

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

  return (
    <CustomMultiselect
      withAllButton
      textField="name"
      valueField="cid"
      value={selectedValues}
      data={data}
      onChange={(e) => {
        const ids = e.items.map((item) => item.cid);
        setSelectedValues(ids);
      }}
    />
  );
};

export default CustomMultiselectAllButtonDemo;

Result