Merge pull request #153 from Shreekant-3398/dropdown-styling

added activeStyles, inactiveStyles and borderStyles as prop
locoworks · Mar 19, 2024 · 09fa159 · 09fa159
2 parents c7a2890 + c36d8eb
commit 09fa159
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/.changeset/heavy-snails-agree.md b/.changeset/heavy-snails-agree.md
@@ -0,0 +1,5 @@
+---
+"@locoworks/reusejs-react-select-dropdown": minor
+---
+
+added props to ReuseSelectDropDown component.
diff --git a/components/select-dropdown/src/ReuseSelectDropdown.tsx b/components/select-dropdown/src/ReuseSelectDropdown.tsx
@@ -33,6 +33,9 @@ export interface ReuseSelectProps {
 	selectButtonStyles?: string | CSSProperties;
 	selectButtonOverflowWrappper?: string | CSSProperties;
 	inputStyles?: string | CSSProperties;
+	activeStyles?: string | CSSProperties;
+	inactiveStyles?: string | CSSProperties;
+	borderStyles?: string | CSSProperties;
 	refresh?: any;
 }
 
@@ -144,6 +147,9 @@ const ReuseSelectDropDown: React.ForwardRefRenderFunction<
 		selectButtonOverflowWrappper = "",
 		inputStyles = "",
 		refresh,
+		activeStyles = "",
+		inactiveStyles = "",
+		borderStyles = "",
 	},
 	ref,
 ) => {
@@ -272,6 +278,9 @@ const ReuseSelectDropDown: React.ForwardRefRenderFunction<
 												filteredOptions={filteredOptions}
 												addOrRemove={addOrRemove}
 												multiple={multiple}
+												activeStyles={activeStyles}
+												inactiveStyles={inactiveStyles}
+												borderStyles={borderStyles}
 											/>
 										);
 									},