Merge pull request #463 from uidu-org/feat-field-picker-classes

docs(changeset): Allow className to field-color-picker
uidu-org · Sep 6, 2024 · b30a585 · b30a585
2 parents 7271195 + 97e1877
commit b30a585
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/blue-kiwis-rhyme.md b/.changeset/blue-kiwis-rhyme.md
@@ -0,0 +1,5 @@
+---
+'@uidu/field-color-picker': minor
+---
+
+Allow className to field-color-picker
diff --git a/packages/forms/field-color-picker/examples/Basic.tsx b/packages/forms/field-color-picker/examples/Basic.tsx
@@ -53,6 +53,12 @@ export default function Basic() {
           showInput={false}
         />
       </div>
+      <FieldColorPicker
+        {...inputDefaultProps}
+        name="foo3"
+        layout="elementOnly"
+        tw="py-2"
+      />
     </Form>
   );
 }
diff --git a/packages/forms/field-color-picker/src/components/FieldColorPicker.tsx b/packages/forms/field-color-picker/src/components/FieldColorPicker.tsx
@@ -54,6 +54,7 @@ export default function FieldColorPicker({
   value: defaultValue,
   onChange = noop,
   trigger: Trigger = DefaulTrigger,
+  className,
   colors = [
     '#FF6900',
     '#FCB900',
@@ -160,6 +161,7 @@ export default function FieldColorPicker({
             </span>
             <StyledInput
               {...field}
+              className={className}
               type="text"
               $hasError={!!fieldState?.error}
               as={HexColorInput}