Radio

Radio component only comes in 1 variant

Usage

Note: ensure Tailwind CSS has been setup
<!-- Radio --><div className="kf-radio-group">
<div>
<label className="kf-radio-label" defaultChecked={true}>
<input type="radio" name="radio" />
<span>Option 1</span>
</label>
</div>
<div>
<label className="kf-radio-label">
<input type="radio" name="radio" />
<span>Option 2</span>
</label>
</div>
<div>
<label className="kf-radio-label">
<input type="radio" name="radio" />
<span>Option 3</span>
</label>
</div>
</div>
Next: Select