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-elements to your JavaScript project:

npm i wired-elements

Import module in your code:

import { WiredTextarea } from 'wired-elements';
// or
import { WiredTextarea } from 'wired-elements/lib/wired-textarea.js';

Or load directly into your HTML page:

<script type="module" src="https://unpkg.com/wired-elements/lib/wired-textarea.js?module"></script>

Use it in your HTML:

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

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.

Fires all the events the native <textarea> element fires