Add className prop support to <Textarea> (#5130)

* Add className prop support * Fix Textarea component className prop formatting * patch -> minor Co-authored-by: Josh Black <joshblack@github.com> * Update prop description Co-authored-by: Josh Black <joshblack@github.com> * Remove defaultValue from className in Textarea docs --------- Co-authored-by: Josh Black <joshblack@github.com>
primer · Oct 16, 2024 · 661e94c · 661e94c
1 parent 7b025d9
commit 661e94c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/.changeset/wicked-ties-walk.md b/.changeset/wicked-ties-walk.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add `className` prop support to `Textarea` component
diff --git a/packages/react/src/Textarea/Textarea.docs.json b/packages/react/src/Textarea/Textarea.docs.json
@@ -60,7 +60,12 @@
     {
       "name": "sx",
       "type": "SystemStyleObject"
+    },
+    {
+      "name": "className",
+      "type": "string | undefined",
+      "description": "The className to apply to the wrapper element"
     }
   ],
   "subcomponents": []
-}
+}
diff --git a/packages/react/src/Textarea/Textarea.tsx b/packages/react/src/Textarea/Textarea.tsx
@@ -31,6 +31,10 @@ export type TextareaProps = {
    * apply a high contrast color to background
    */
   contrast?: boolean
+  /**
+   * The className to apply to the wrapper element
+   */
+  className?: string
 } & TextareaHTMLAttributes<HTMLTextAreaElement> &
   SxProp
 
@@ -79,6 +83,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       resize = DEFAULT_TEXTAREA_RESIZE,
       block,
       contrast,
+      className,
       ...rest
     }: TextareaProps,
     ref,
@@ -90,6 +95,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         disabled={disabled}
         block={block}
         contrast={contrast}
+        className={className}
       >
         <StyledTextarea
           value={value}