71

GitHub - wiredjs/wired-elements: Collection of elements that appear hand drawn....

 6 years ago
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.
neoserver,ios ssh client

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.

alt Preview

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

wired-button

wired-card

wired-checkbox

wired-combo

wired-icon-button

wired-input

wired-listbox

wired-progress

wired-radio

wired-radio-group

wired-slider

wired-textarea

wired-toggle

wired-tooltip

Demo

Demo of all components is avaialable at wiredjs.com

License

MIT License (c) Preet Shihn


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK