nifty-magic-check

WebJar for nifty-magic-check

License

License

MIT
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

nifty-magic-check
Last Version

Last Version

2.6.0
Release Date

Release Date

Type

Type

jar
Description

Description

nifty-magic-check
WebJar for nifty-magic-check
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/jozefizso/nifty-magic-check

Download nifty-magic-check

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/nifty-magic-check/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>nifty-magic-check</artifactId>
    <version>2.6.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/nifty-magic-check/
implementation 'org.webjars.npm:nifty-magic-check:2.6.0'
// https://jarcasting.com/artifacts/org.webjars.npm/nifty-magic-check/
implementation ("org.webjars.npm:nifty-magic-check:2.6.0")
'org.webjars.npm:nifty-magic-check:jar:2.6.0'
<dependency org="org.webjars.npm" name="nifty-magic-check" rev="2.6.0">
  <artifact name="nifty-magic-check" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='nifty-magic-check', version='2.6.0')
)
libraryDependencies += "org.webjars.npm" % "nifty-magic-check" % "2.6.0"
[org.webjars.npm/nifty-magic-check "2.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.

Magic-check (fork for Nifty Admin Template)

This repository contains fork of magic-check modified for use in Nifty - Responsive Admin Template

Beautify Radio and Checkbox with pure CSS.

Demo

Demo

Install

  • npm: npm install --save nifty-magic-check
  • yarn: yarn add nifty-magic-check

Usage

<link rel="stylesheet" href="node_modules/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+

Release Info

Based on magic-check v1.0.3 and Nifty - Responsive Admin Template v2.6.0

License

MIT

Versions

Version
2.6.0