https://github.com/acrool/acrool-react-auto-height-textarea

auto height textarea by reactjs
https://github.com/acrool/acrool-react-auto-height-textarea

reactjs textarea-autoresize

Last synced: about 1 month ago
JSON representation

auto height textarea by reactjs

• Host: GitHub
• URL: https://github.com/acrool/acrool-react-auto-height-textarea
• Owner: acrool
• License: mit
• Created: 2024-08-09T16:36:39.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-11T10:59:10.000Z (9 months ago)
• Last Synced: 2025-03-26T19:02:56.736Z (about 2 months ago)
• Topics: reactjs, textarea-autoresize
• Language: TypeScript
• Homepage: https://acrool-react-auto-height-textarea.pages.dev/
• Size: 409 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-react - Acrool React AutoHeight Textarea - Auto Height Textarea (React component)
• awesome-react - Acrool React AutoHeight Textarea - Auto Height Textarea (React component)

README

        
# Acrool React Auto Height Textarea



    





    Auto-height Textarea element.





[![NPM](https://img.shields.io/npm/v/@acrool/react-auto-height-textarea.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-auto-height-textarea)

[![npm](https://img.shields.io/bundlejs/size/@acrool/react-auto-height-textarea?style=for-the-badge)](https://github.com/acrool/@acrool/react-auto-height-textarea/blob/main/LICENSE)

[![npm](https://img.shields.io/npm/l/@acrool/react-auto-height-textarea?style=for-the-badge)](https://github.com/acrool/react-auto-height-textarea/blob/main/LICENSE)

[![npm downloads](https://img.shields.io/npm/dm/@acrool/react-auto-height-textarea.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-auto-height-textarea)

[![npm](https://img.shields.io/npm/dt/@acrool/react-auto-height-textarea.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-auto-height-textarea)



## Features

- Auto-height Textarea element.

## Install

```bash

yarn add @acrool/react-auto-height-textarea

```

## Usage

add in your index.tsx

```tst

import "@acrool/react-auto-height-textarea/dist/index.css";

```

add in your App.tsx

```tsx

import AutoHeightTextarea from '@acrool/react-auto-height-textarea';

const Example = () => {

    const [value, setValue] = useState('');

    

    return  setValue(e.target.value)}

        placeholder="Type your message"

        rows={1}

    />;

}

```

## License

MIT © [Acrool](https://github.com/acrool) & [Imagine](https://github.com/imagine10255)