<SearchableDropdown
            placeholder="Enter Name"
            listData={[]}
            existingValue={dropdownFilters.userId}
            onSetFilters={(item) => {
              setFilters({ ...filters, userId: item.id });
              setDropdownFilters(({ ...dropdownFilters, userId: item }))
            }}
            isLiveSearch={true}
            paramKey={'id'}
            queryParam={'name'}
            searchCall={searchName}
            minQueryLength={2}
            additionalParams={{}}
            responseParams={{}}
          />

Parameters:

| Name | Type | Required | Description | | ---------------- | ------- | -------- | ------------------------------------------------------------------------- | | placeholder | string | No | | | listData | [] | | if data already exist then array of data pass. else Live call search data | | paramKey | string | Yes | | queryParam | string | Yes | | | isLiveSearch | boolean | | | searchCall | string | Yes | API call Link | | existingValue | {} | No | if data already exist then array of data pass. | | additionalParams | {} | | | responseParams | {} | Yes | |

Parameters Design:

| Name | Type | Required | Description | | ---------------------------- | -------------------------------------- | -------- | ---------------------------------------------- | | inputType | (filled, outline, underline, rounded ) | No | | | inputBgColor | color code | No | if data already exist then array of data pass. | | inputfocusOutlineColor | color code | | | inputHeight | number | No | | | inputWidth | string in percetnage '100%' | No | if data already exist then array of data pass. | | InputLeftIcon | svg icon | | | maxDropdownContainerHeight | number | No | API call Link | | dropdownContainerBorderColor | color code | No | if data already exist then array of data pass. | | dropdownContainerBorderWidth | color code | | | dropdownContainerRadius | color code | No | | | dropdownCellBG | color code | No | | | dropdownCellBorderColor | color code | No | if data already exist then array of data pass. | | dropdownCellBorderWidth | color code | | | dropdownCellRadius | 'lg', 'md', 'full' | No | | | dropdownCellDifference | number | No | if data already exist then array of data pass. | | maxDropdownCellHeight | number | | | dropdownCellLeftIcon | svg icon | No | API call Link | | dropdownCellRightIcon | svg icon | No | if data already exist then array of data pass. | | dropdownCellUnderline | boolean | | | cellTextColor | color code | No | |

Method Parameter: | Name | Type | Required | Description | | -----| ----- | -------- | ------------------------------- | | onSetFilters | Method | Yes | call on select value |