A little Alpine.js plugin to automatically resize a textarea to fit its content.
## 🚀 Installation
### CDN
Include the following `
```
### NPM
```shell
npm install @marcreichel/alpine-autosize
```
Add the `x-autosize` directive to your project by importing the package **before** starting Alpine.
```js
import Alpine from 'alpinejs';
import Autosize from '@marcreichel/alpine-autosize';
Alpine.plugin(Autosize);
Alpine.start();
```
## 🪄 Usage
To let the `textarea` automatically resize, add the `x-data` and `x-autosize` directives to the `
```
### ⏬ Additional height
To add additional height to the textarea - which might be necessary in some occasions - you can do so using the
"padding" modifier like so (only `px` values are supported):
```html
```
This adds additional 10px to the textarea height. You can provide any integer which best suits your needs.
## 📄 License
Copyright (c) 2022 Marc Reichel and contributors.
Licensed under the MIT license, see [LICENSE](LICENSE) for details.
