1.0.4 • Published 10 months ago
rn-searchable-dropdown-live v1.0.4
<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 |