JSFiddle - React, Tailwind, and code Playground

by Fernando De Leon

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="form-group">
			<label class="col-md-4 control-label">Sex</label>
			<div class="col-md-4">
				<label class="radio-inline" for="ciSexRadio-0">
					<input type="radio" name="ciSexRadio" data-context="pa.1.sex" id="ciSexRadio-0" value="Male"  />
					Male
				</label>
				<label class="radio-inline" for="ciSexRadio-1">
					<input type="radio" name="ciSexRadio" data-context="pa.1.sex" id="ciSexRadio-1" value="Female" />
					Female
				</label>
				<label class="radio-inline" for="ciSexRadio-2">
					<input type="radio" name="ciSexRadio" data-context="pa.1.sex" id="ciSexRadio-2" value="Indeterminate /" />
					Indeterminate /
				</label>
				<label class="radio-inline" for="ciSexRadio-3">
					<input type="radio" name="ciSexRadio" data-context="pa.1.sex" id="ciSexRadio-3" value="Intersex / Unspecifed" />
					Intersex / Unspecifed
				</label>
			</div>
		</div>