@types/react-textarea-autosize

What is @types/react-textarea-autosize?

@types/react-textarea-autosize provides TypeScript definitions for the react-textarea-autosize package, which is a React component that automatically adjusts the height of a textarea as the user types.

What are @types/react-textarea-autosize's main functionalities?

Auto-resizing Textarea

This feature allows the textarea to automatically adjust its height based on the content, with a minimum of 3 rows and a maximum of 6 rows.

import TextareaAutosize from 'react-textarea-autosize';

function App() {
  return (
    <TextareaAutosize minRows={3} maxRows={6} />
  );
}

Custom Styling

This feature demonstrates how to apply custom styles to the auto-resizing textarea.

import TextareaAutosize from 'react-textarea-autosize';

function App() {
  return (
    <TextareaAutosize style={{ width: '100%', padding: '10px' }} />
  );
}

Handling Events

This feature shows how to handle events, such as the onChange event, with the auto-resizing textarea.

import TextareaAutosize from 'react-textarea-autosize';

function App() {
  const handleChange = (event) => {
    console.log(event.target.value);
  };

  return (
    <TextareaAutosize onChange={handleChange} />
  );
}

Other packages similar to @types/react-textarea-autosize

react-autosize-textarea

react-autosize-textarea is another React component for auto-resizing textareas. It offers similar functionality to react-textarea-autosize but with a different API and implementation details.

react-textarea-autosize

react-textarea-autosize is the core package for which @types/react-textarea-autosize provides TypeScript definitions. It is widely used and well-maintained, offering robust auto-resizing capabilities for textareas in React applications.

react-expanding-textarea

react-expanding-textarea is a lightweight alternative for auto-resizing textareas in React. It provides basic auto-resizing functionality with a simpler API compared to react-textarea-autosize.

README

Installation

npm install --save @types/react-textarea-autosize

Summary

This package contains type definitions for react-textarea-autosize (https://github.com/andreypopp/react-textarea-autosize).

Details

Files were exported from https://www.github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-textarea-autosize

Additional Details

• Last updated: Fri, 23 Jun 2017 17:37:55 GMT
• Dependencies: react
• Global values: none

Credits

These definitions were written by Alexey Svetliakov https://github.com/asvetliakov, Jerry Zou https://github.com/zry656565.