diff --git a/README.md b/README.md index 324d56c1..9c906f7a 100644 --- a/README.md +++ b/README.md @@ -136,6 +136,7 @@ For Live `Demo` [(Expo Snack)](https://snack.expo.dev/@danish1658/react-native-d | save| string | Pass ('key' or 'value') to save data of your choice in your local state variable | onSelect| Function | Pass any function that you want to trigger immediately after a value is selected | placeholder | String | Placeholder text that will be displayed in the select box +| placeholderTextColor | String | Text color for the placeholder | search | boolean | set to false if you dont want to use search functionality | maxHeight| Number | Maximum height of the dropdown wrapper to occupy | data| array or array[object]| Data which will be iterated as options of select list diff --git a/components/MultipleSelectList.tsx b/components/MultipleSelectList.tsx index 1e8e3326..03646315 100644 --- a/components/MultipleSelectList.tsx +++ b/components/MultipleSelectList.tsx @@ -19,6 +19,7 @@ const MultipleSelectList: React.FC = ({ fontFamily, setSelected, placeholder, + placeholderTextColor, boxStyles, inputStyles, dropdownStyles, @@ -131,6 +132,7 @@ const MultipleSelectList: React.FC = ({ { let result = data.filter((item: L1Keys) => { val.toLowerCase(); diff --git a/components/SelectList.tsx b/components/SelectList.tsx index 5e7a6771..a39ca11d 100644 --- a/components/SelectList.tsx +++ b/components/SelectList.tsx @@ -17,6 +17,7 @@ type L1Keys = { key?: any; value?: any; disabled?: boolean | undefined } const SelectList: React.FC = ({ setSelected, placeholder, + placeholderTextColor, boxStyles, inputStyles, dropdownStyles, @@ -137,6 +138,7 @@ const SelectList: React.FC = ({ { let result = data.filter((item: L1Keys) => { val.toLowerCase(); diff --git a/index.d.ts b/index.d.ts index cee3ba03..3b006350 100644 --- a/index.d.ts +++ b/index.d.ts @@ -13,6 +13,11 @@ export interface SelectListProps { */ placeholder?: string, + /** + * Placeholder text color that will style the placeholder of search text input + */ + placeholderTextColor?: string, + /** * Additional styles for select box */ @@ -126,6 +131,11 @@ export interface MultipleSelectListProps { */ placeholder?: string, + /** + * Placeholder text color that will style the placeholder of search text input + */ + placeholderTextColor?: string, + /** * Additional styles for select box */