JarCasting
JarCasting JarCasting

wired-toggle

WebJar for wired-toggle

License

License

MIT
Categories

Categories

Wire Data Data Structures
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

wired-toggle
Last Version

Last Version

0.8.0
Release Date

Release Date
Type

Type

jar
Description

Description

wired-toggle
WebJar for wired-toggle
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/wiredjs/wired-elements

Download wired-toggle

Filename Size
wired-toggle-0.8.0.pom
wired-toggle-0.8.0.jar 5 KB
wired-toggle-0.8.0-sources.jar 22 bytes
wired-toggle-0.8.0-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/wired-toggle/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>wired-toggle</artifactId>
    <version>0.8.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/wired-toggle/
implementation 'org.webjars.npm:wired-toggle:0.8.0'
// https://jarcasting.com/artifacts/org.webjars.npm/wired-toggle/
implementation ("org.webjars.npm:wired-toggle:0.8.0")
'org.webjars.npm:wired-toggle:jar:0.8.0'
<dependency org="org.webjars.npm" name="wired-toggle" rev="0.8.0">
  <artifact name="wired-toggle" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='wired-toggle', version='0.8.0')
)
libraryDependencies += "org.webjars.npm" % "wired-toggle" % "0.8.0"
[org.webjars.npm/wired-toggle "0.8.0"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.npm : polymer__lit-element jar [0.6.1,0.7)
org.webjars.npm : wired-lib jar [0.6.0,0.7)

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.

alt Preview

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

org.webjars.npm

Wired

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

Versions

Version
0.8.0