Overview
import CustomMultiselect from "@components/CustomMultiselect";
warning
CustomMultiselect is functional only in modals. An Issue has been raised to Tag Component.
Description
The CustomMultiselect component is a customizable multi-select dropdown built on top of the @tag/tag-components-react-v4 library MultiSelect component. It supports features like:
- Select All Button: Allows users to select or deselect all items at once.
- Add Item Button: Enables users to add new items to the list dynamically.
This component is ideal for scenarios where users need to select multiple items from a large dataset or dynamically add new items to the list.
Props
| Prop Name | Type | Default Value | Description |
|---|---|---|---|
withAllButton | boolean | false | Enables the "Select All" button in the dropdown header. |
addButtonText | string | "Add Item" | Text displayed on the "Add Item" button. |
withAddItem | boolean | false | Enables the "Add Item" button in the dropdown footer. |
onAddItem | function | - | Callback function triggered when a new item is added. |
Additional Props
The CustomMultiselect component accepts additional props that are passed directly to the MultiSelect component from @tag/tag-components-react-v4.