magic-check

WebJar for magic-check

License	MIT
GroupId	org.webjars.bower
ArtifactId	magic-check
Last Version	1.0.3
Release Date	Jun 26, 2017
Type	jar
Description	magic-check WebJar for magic-check
Project URL	http://webjars.org
Source Code Management	https://github.com/forsigner/magic-check

Download magic-check

Filename	Size
magic-check-1.0.3.pom
magic-check-1.0.3.jar	9 KB
magic-check-1.0.3-sources.jar	22 bytes
magic-check-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/magic-check/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>magic-check</artifactId>
    <version>1.0.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/magic-check/
implementation 'org.webjars.bower:magic-check:1.0.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/magic-check/
implementation ("org.webjars.bower:magic-check:1.0.3")

Apache Buildr

'org.webjars.bower:magic-check:jar:1.0.3'

Apache Ivy

<dependency org="org.webjars.bower" name="magic-check" rev="1.0.3">
  <artifact name="magic-check" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='magic-check', version='1.0.3')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "magic-check" % "1.0.3"

Leiningen

[org.webjars.bower/magic-check "1.0.3"]

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.

Magic-check

Beautify Radio and Checkbox with pure CSS.

Demo

Demo

Install

• bower: bower install --save magic-check
• npm: npm install --save magic-check

Usage

<link rel="stylesheet" href="bower_components/magic-check/css/magic-check.css">

Checkbox

<div>
  <input class="magic-checkbox" type="checkbox" name="layout" id="1">
  <label for="1">Normal</label>
</div>

<div>
  <input class="magic-checkbox" type="checkbox" name="layout" id="2" checked="checked">
  <label for="2">Checked</label>
</div>

<div>
  <input class="magic-checkbox" type="checkbox" name="layout" id="3" disabled="disabled">
  <label for="3">
    Disabled
  </label>
</div>

<div>
  <input class="magic-checkbox" type="checkbox" name="layout" id="4" checked disabled="disabled">
  <label for="4">Checked && Disabled</label>
</div>

Radio

<div>
  <input class="magic-radio" type="radio" name="radio" id="11">
  <label for="11">Normal</label>
</div>

<div>
  <input class="magic-radio" type="radio" name="radio" id="22" checked>
  <label for="22">Checked</label>
</div>

<div>
  <input class="magic-radio" type="radio" id="33" disabled="disabled">
  <label for="33">Disabled</label>
</div>

<div>
  <input class="magic-radio" type="radio" id="44" disabled="disabled" checked>
  <label for="44">Checked && Disabled</label>
</div>

Browser compatibility

• Chrome
• Firefox
• Safari
• Opera
• IE9 && IE9+

License

MIT

Versions

Version
1.0.3 Jun 26, 2017
1.0.2 Jun 23, 2017