react-textarea-auto-witdth-height

An easy to use replacement for textarea that can automatically resizes both horizontally and vertically as content changes.

  import { AutoTextArea } from 'react-textarea-auto-witdth-height'

  const somePlace = () => (
    <div>
      <AutoTextArea/>
    </div>
  )

Demo

https://react-textarea-auto-witdth-height-8j96.vercel.app/

Install

npm i react-textarea-auto-witdth-height

Props

Props are almost identical as native textarea, except rows and cols are not supported, please use min-height and max-height to style the component instead.

FAQ

How to focus

Reference the inner textarea

<TextareaAutosize ref={(ref) => (this.current = ref)} />

Then focus on the ref

this.current.focus();