wired-textarea

Hand-drawn sketchy multi-line text input web component.

For demo and view the complete set of wired-elememts: wiredjs.com

Usage

Add wired-textarea to your project:

npm i wired-textarea

Import wired-textarea definition into your HTML page:

<script type="module" src="wired-textarea/lib/wired-textarea.js"></script>

Or into your module script:

import { WiredTextarea } from "wired-textarea"

Use it in your web page:

<wired-textarea placeholder="Enter text" rows="6"></wired-textarea>

Properties

rows - Initial number of rows in textarea.

maxrows - Max number of rows textarea grows to. Then scrollbars appear.

value - Text value.

disabled - Disabled the control.

placeholder - Placeholder text for the input.

Events

Fires all the events the native <textarea> element fires

License

MIT License (c) Preet Shihn