alpine-autosize
/
1.1.0
alpine-autosize 1.1.0
Install from the command line:
Learn more about npm packages
$ npm install @marcreichel/alpine-autosize@1.1.0
Install via package.json:
"@marcreichel/alpine-autosize": "1.1.0"
About this version
A little Alpine.js plugin to automatically resize a textarea to fit its content.
Include the following <script> tag in the <head> of your document, just before Alpine.
<script src="https://cdn.jsdelivr.net/npm/@marcreichel/alpine-autosize@latest/dist/alpine-autosize.min.js" defer></script>npm install @marcreichel/alpine-autosizeAdd the x-autosize directive to your project by importing the package before Alpine.js.
import Alpine from 'alpinejs';
import Autosize from '@marcreichel/alpine-autosize';
Alpine.plugin(Autosize);
window.Alpine = Alpine;
window.Alpine.start();To let the textarea automatically resize, add the x-data and x-autosize directives to the <textarea>.
<textarea x-data x-autosize></textarea>That's it!
- When the textarea has a
wire:modelthe size of the textarea is not calculated correctly. (#1)
Copyright (c) 2022 Marc Reichel and contributors.
Licensed under the MIT license, see LICENSE for details.
