Skip to content
heyrav design system
ComponentsSpec

Radio group

One of many, all visible. Native radios in a fieldset with a legend.

Project type
Show code
<fieldset class="radio-group"><legend>Project type</legend>
  <label class="check"><input type="radio" name="rg" checked> Case study</label>
  <label class="check"><input type="radio" name="rg"> Experiment</label>
  <label class="check"><input type="radio" name="rg" disabled> Archived</label>
</fieldset>

More than five options: use a Select. Two or three short options that change a view: a Segmented control.