Merge pull request #33 from Joaoviana/allow-label-style-props

fix: pass labelStyleProps down to FormLabel
koolamusic · Mar 29, 2021 · a8a1e8f · a8a1e8f
2 parents 8a4d9d4 + af6a2e6
commit a8a1e8f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/__snapshots__/index.test.tsx.snap b/src/__snapshots__/index.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`ChakraUI AutoComplete  it renders 1`] = `
       className="chakra-stack css-1pifhv5"
     >
       <label
-        className="chakra-form__label css-uvho5g"
+        className="chakra-form__label css-1l2u59i"
         htmlFor="downshift-0-input"
         id="downshift-0-label"
       >

diff --git a/src/index.test.tsx b/src/index.test.tsx
@@ -61,6 +61,9 @@ export default function MultiSelect() {
           tagStyleProps={{
             rounded: 'full'
           }}
+          labelStyleProps={{
+            color: 'rebeccapurple'
+          }}
           label='Choose preferred work locations'
           placeholder='Type a Country'
           onCreateItem={handleCreateItem}

diff --git a/src/index.tsx b/src/index.tsx
@@ -191,7 +191,7 @@ export const CUIAutoComplete = <T extends Item>(
 
   return (
     <Stack>
-      <FormLabel {...getLabelProps({})}>{label}</FormLabel>
+      <FormLabel {...{...labelStyleProps, ...getLabelProps({})}}>{label}</FormLabel>
 
       {/* ---------Stack with Selected Menu Tags above the Input Box--------- */}
       {selectedItems && (