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