A multi-line text field (auto-grows) with a hand-drawn, wireframe like, look

[ This description is mirrored from README.md at github.com/wiredjs/wired-textarea on 2019-05-10 ]

wired-textarea

Hand-drawn sketchy textarea web component.

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

Learn about web components here.

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/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="3"></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.

Install

Link to this version
ImportedReleased 30 August 2017MIT License
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
bower install --save wiredjs/wired-textarea"#0.2.0"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.2.0

Dependencies

  • polymer#Polymer/polymer#^2.0.0
  • wired-lib#^0.1.1