diff --git a/src/__tests__/index.test.js b/src/__tests__/index.test.js
index ee750221..15780db3 100644
--- a/src/__tests__/index.test.js
+++ b/src/__tests__/index.test.js
@@ -20,4 +20,15 @@ describe('', () => {
expect(asFragment()).toMatchSnapshot();
});
+
+ it('renders component with custom class name.', () => {
+ const props = {
+ className: 'custom-classname',
+ };
+ const { getByRole } = render();
+
+ const textArea = getByRole('textbox');
+
+ expect(textArea).toHaveClass('custom-classname');
+ });
});
diff --git a/src/index.tsx b/src/index.tsx
index b016e843..81c50f36 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -22,6 +22,7 @@ export interface TextareaAutosizeProps extends Omit {
onHeightChange?: (height: number, meta: TextareaHeightChangeMeta) => void;
cacheMeasurements?: boolean;
style?: Style;
+ className?: string;
}
const TextareaAutosize: React.ForwardRefRenderFunction<
@@ -32,6 +33,7 @@ const TextareaAutosize: React.ForwardRefRenderFunction<
cacheMeasurements,
maxRows,
minRows,
+ className,
onChange = noop,
onHeightChange = noop,
...props
@@ -95,7 +97,14 @@ const TextareaAutosize: React.ForwardRefRenderFunction<
useWindowResizeListener(resizeTextarea);
}
- return ;
+ return (
+
+ );
};
export default /* #__PURE__ */ React.forwardRef(TextareaAutosize);