JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<form>
  <div data-group="services" class="form-group">
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="shipping_service" id="service-standard" value="standard" />
      <label class="form-check-label" for="service-standard">Standard</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="shipping_service" id="service-pre-1200" value="pre-1200" />
      <label class="form-check-label" for="service-pre-1200">Pre 12:00</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="shipping_service" id="service-pre-1030" value="pre-1030" />
      <label class="form-check-label" for="service-pre-1030">Pre 10:30</label>
    </div>
  </div>
</form>

<br/>

<form>
  <div data-group="services" class="form-group">
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="shipping_service" id="service-standard" value="standard" />
      <label class="form-check-label" for="service-standard">Standard</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="shipping_service" id="service-pre-1200" value="pre-1200" />
      <label class="form-check-label" for="service-pre-1200">Pre 12:00</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="shipping_service" id="service-pre-1030" value="pre-1030" />
      <label class="form-check-label" for="service-pre-1030">Pre 10:30</label>
    </div>
  </div>
</form>