JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<label><input type="checkbox"><span>Lorem.</span></label>
<label><input type="checkbox"><span>Accusantium.</span></label>
<label><input type="checkbox"><span>Excepturi.</span></label>
<label><input type="checkbox"><span>Obcaecati.</span></label>
<label><input type="checkbox"><span>Ad?</span></label>
<label><input type="checkbox"><span>Voluptas.</span></label>

CSS

label {
    display: block;
}
input + span:before {
    content: '(_)';
}
input:checked + span:before {
    content: '(y)';
}