JSFiddle - React, Tailwind, and code Playground

by Leonardo Quintana

HTML

<radio-button>
  <input type="radio" id="sd">
  <label for="sd">This label radio button</label>
</radio-button>

CSS

radio-button {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
}

radio-button [type="radio"] {
  display: none;
}

radio-button label:before {
  content: '';
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  min-height: 20px;
  box-shadow: inset 0 0 0 2px black;
}