JSFiddle - React, Tailwind, and code Playground

by Egor Jvechkin

HTML

<input class="super-checkbox" type="checkbox" value="None" id="slideThree" name="check" checked/>

SCSS

.super-checkbox {
  visibility: hidden; color: white; cursor: pointer;
  &:after { padding: 0.5em; visibility: visible; content: 'НЕТ'; background-color: red; }
  &:checked { 
    &:after { padding: 0.5em; content: 'ДА'; background-color: green; }
  }
}