@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

This is a stub types definition for @types/react-textarea-autosize (https://github.com/Andarist/react-textarea-autosize#readme).

react-textarea-autosize provides its own type definitions, so you don't need @types/react-textarea-autosize installed!