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.