JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<label class="krys-checkbox">
<input type="checkbox" class="rkg-hidden" />
<span class="krys-checkbox-custom"></span>
Label
</label>
<label class="krys-checkbox foo">
<input type="checkbox" class="rkg-hidden" />
<span class="krys-checkbox-custom"></span>
Label
</label>

CSS

.krys-checkbox {
	margin: 10px 0;
	display: block;
	background-color: tomato;
	cursor: pointer;
}

.krys-checkbox.foo {
	display: inline-block;
}