[Joy][Textarea] Pass textarea props from componentsProps (#34223)

mui · Sep 9, 2022 · 6a9ec13 · 6a9ec13
1 parent 5f13a49
commit 6a9ec13
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/mui-joy/src/Textarea/Textarea.test.tsx b/packages/mui-joy/src/Textarea/Textarea.test.tsx
@@ -35,6 +35,21 @@ describe('Joy <Textarea />', () => {
     expect(screen.getByTestId('end')).toBeVisible();
   });
 
+  it('should pass props to Textarea', () => {
+    const { container } = render(
+      <Textarea
+        componentsProps={{
+          textarea: {
+            maxLength: 5,
+          },
+        }}
+      />,
+    );
+
+    const textarea = container.querySelector('textarea')!;
+    expect(textarea).to.have.attr('maxlength', '5');
+  });
+
   describe('prop: disabled', () => {
     it('should have disabled classes', () => {
       const { container } = render(<Textarea disabled />);

diff --git a/packages/mui-joy/src/Textarea/Textarea.tsx b/packages/mui-joy/src/Textarea/Textarea.tsx
@@ -252,6 +252,7 @@ const Textarea = React.forwardRef(function Textarea(inProps, ref) {
     externalSlotProps: {
       minRows,
       maxRows,
+      ...componentsProps.textarea,
     },
     ownerState,
     className: [classes.textarea, inputStateClasses],