checkbox-radio

WebJar for checkbox-radio

License

License

MIT
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

checkbox-radio
Last Version

Last Version

1.1.1
Release Date

Release Date

Type

Type

jar
Description

Description

checkbox-radio
WebJar for checkbox-radio
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/crazychicken/checkbox-radio

Download checkbox-radio

How to add to project

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

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.

Checkbox&radio

NPM version Downloads

enter image description here

Quick start

  • Clone the repo: git clone [email protected]:crazychicken/checkbox-radio.git
  • Install with npm: npm install --save-dev crazychicken/checkbox-radio
  • Install with npm: npm install --save-dev checkbox-radio
  • Or download the latest release

Demo

http://tuds.ninja/checkbox-radio/dist/

How to use

  • First, include CSS files into your HTML head:
<link type="text/css" rel="stylesheet" href="./dist/css/checkbox_radio_img_sprite.css">
  • Set HTML Checkbox
<label class="checkbox">
    <input type="checkbox">
    <i class="icon-checkbox"></i>
    Default
</label>
<br>
<label class="checkbox">
    <input type="checkbox" checked>
    <i class="icon-checkbox"></i>
    Checked
</label>
  • Set HTML Radio
<label class="radio">
    <input type="radio" name="group-radio">
    <i class="icon-radio"></i>
    Default
</label>
<br>
<label class="radio">
    <input type="radio" name="group-radio" checked>
    <i class="icon-radio"></i>
    Checked
</label>

Tree

dist/
  └── css/
  |   ├── checkbox_radio.css
  |   └── checkbox_radio_bootstrap.css
  |   └── checkbox_radio_font.css
  |   └── checkbox_radio_img_sprite.css
  └── fonts/
  └── images/
sass/
  ├── checkbox_radio.css
  └── checkbox_radio_bootstrap.css
  └── checkbox_radio_font.css
  └── checkbox_radio_img_sprite.css

Options style

  • checkbox_radio.css
  • checkbox_radio_bootstrap.css
  • checkbox_radio_font.css
  • checkbox_radio_img_sprite.css

Template full feature list

  • Semantically Correct / Valid HTML Code
  • HTML5, CSS3
  • Full project and seed project (build with: Gulp, Sass)
  • Cross browser compatible ( Internet Explorer 8+, Firefox, Safari, Opera, Chrome etc. )
  • W3C Valid source code, properly formatted and commented
  • Animations CSS3

Creators

Tuds

Copyright and license

Code and documentation copyright 2016, MIT license.

Versions

Version
1.1.1