wired-lib

WebJar for wired-lib

License	MIT
Categories	Wire Data Data Structures
GroupId	org.webjars.npm
ArtifactId	wired-lib
Last Version	0.6.0
Release Date	May 14, 2019
Type	jar
Description	wired-lib WebJar for wired-lib
Project URL	http://webjars.org
Source Code Management	https://github.com/wiredjs/wired-elements

Download wired-lib

Filename	Size
wired-lib-0.6.0.pom
wired-lib-0.6.0.jar	5 KB
wired-lib-0.6.0-sources.jar	22 bytes
wired-lib-0.6.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/wired-lib/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>wired-lib</artifactId>
    <version>0.6.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/wired-lib/
implementation 'org.webjars.npm:wired-lib:0.6.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/wired-lib/
implementation ("org.webjars.npm:wired-lib:0.6.0")

Apache Buildr

'org.webjars.npm:wired-lib:jar:0.6.0'

Apache Ivy

<dependency org="org.webjars.npm" name="wired-lib" rev="0.6.0">
  <artifact name="wired-lib" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='wired-lib', version='0.6.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "wired-lib" % "0.6.0"

Leiningen

[org.webjars.npm/wired-lib "0.6.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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.

Try now

Play with wired-elements:

Wired Elements

Try it with a framework

Wired Elements in React

Wired Elements in Vue

Wired Elements in Svelte

Wired Elements in Angular

Install

The package (wired-elements) exports all components in the wired category. List of all wired elements can be found here.

Add wired-elements to your project:

npm i wired-elements

or add individual controls

npm i wired-button

npm i wired-input

Or load the ES module directly through unpkg

<script type="module" src="https://unpkg.com/wired-button?module"></script>

To load all elements there are bundled versions available:

ES module: https://unpkg.com/wired-elements/lib/wired-elements-esm.js

IIFE: https://unpkg.com/wired-elements/lib/wired-elements-iife.js

Common JS: https://unpkg.com/wired-elements/lib/wired-elements-cjs.js

Usage

Import into your module script:

import { WiredButton, WiredInput } from "wired-elements"

import { WiredButton } from "https://unpkg.com/wired-button?module"

Alternatively, load a bundled iife version on the page and start using it in HTML

<script src="https://unpkg.com/wired-elements/lib/wired-elements-iife.js"></script>

Use it in your web page:

<wired-input placeholder="Enter name"></wired-input>
<wired-button>Click Me</wired-button>

Learn about web components here.

Component API

To view details of each component - properties, events, css-properties, etc, are provided in their package folder. List of all packages

Demo

Demo of all components is available at wiredjs.com.

Contributors

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

License

MIT License (c) Preet Shihn

Wired

Web components for UI controls that look hand-drawn. Great for wireframes or just a fun sketchy look.

Versions

Version
0.6.0 May 14, 2019