Alpine JS Textarea Grow

Alpine JS plugin x-grow adds in auto grow functionality to <textarea> elements 🌳

Example

<textarea x-data x-grow></textarea>

This <textarea> will now grow with the content.

Install

CDN

<script
  defer
  src="https://unpkg.com/[email protected]/dist/grow.min.js"
></script>

<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>

NPM/Yarn

npm i -D alpinejs-textarea-grow

yarn add -D alpinejs-textarea-grow

Then you can register the plugin.

import Alpine from 'alpinejs'
import grow from 'alpinejs-textarea-grow'

Alpine.plugin(grow)

window.Alpine = Alpine

Alpine.start()

Stats