JSFiddle - React, Tailwind, and code Playground

HTML

<input id="cbox" type="checkbox">
    <label for="cbox"></label>

CSS

#cbox {
    display: none;
}
label {
    font-size: 3em;
}
label:after {
    content: "YES"
}
#cbox:checked + label:after {
    content: "NO"
}