tickbox

checkbox, radio, switch

^{600B gzipped}

Demo

Install

$ yarn add tickbox

Import

_{JS (optional) adds aria-checked attribute indicates the current "checked" state of checkboxes, radio buttons and switches}

import Tickbox from 'tickbox'

_CSS

@import "tickbox/dist";

_{or source if your bundler supports SCSS}

@import "tickbox/src";

Use

_{JS (optional)}

Tickbox.init()

_{HTML more examples}

// Checkbox
<div class="tickbox">
	<input id="one" type="checkbox">
	<label for="one">
		<span>Checkbox</span>
	</label>
</div>

// Radio
<div class="tickbox">
	<input id="two" type="radio">
	<label for="two">
		<span>Radio</span>
	</label>
</div>

// Switch checkbox
<div class="tickbox">
	<input id="three" type="checkbox" role="switch">
	<label for="three">
		<span>Switch checkbox</span>
	</label>
</div>

// Switch radio
<div class="tickbox">
	<input id="four" type="radio" role="switch">
	<label for="four">
		<span>Switch radio</span>
	</label>
</div>

License

tickbox is released under MIT license