Hand-drawn sketchy text input web component.

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

AAdd wired-elements to your JavaScript project:

npm i wired-elements

Import module in your code:

import { WiredInput } from 'wired-elements';
// or
import { WiredInput } from 'wired-elements/lib/wired-input.js';

Or load directly into your HTML page:

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

Use it in your HTML:

<wired-input></wired-input>
<wired-input placeholder="Enter name"></wired-input>
<wired-input type="password" placeholder="Password"></wired-input>
<wired-input placeholder="Disabled" disabled></wired-input>

placeholder - Placeholder text for the input.

disabled - disables the control

type - Input type e.g. password

value - Value of the text.

Fires all events a standard <input> element fires.

MIT License (c) Preet Shihn