GitHub - wiredjs/wired-elements: Collection of elements that appear hand drawn....
source link: https://github.com/wiredjs/wired-elements
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
wired-elements ? wiredjs.com
Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.
The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.
Usage
This package (wired-elements) exports all components in the wired category. Links to individual repositories are provided here.
Add wired-elements to your project:
npm i wired-elements
Import wired-elements definition into your HTML page:
<script type="module" src="wired-elements/wired-elements.js"></script>
Or into your module script:
import { WiredButton, WiredInput } from "wired-elements"
Use it in your web page:
<wired-input placeholder="Enter name"></wired-input> <wired-button>Click Me</wired-button>
Learn about web components here.
Components
Demo
Demo of all components is avaialable at wiredjs.com
License
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK