1.0.4 • Published 2 years 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 |