Radio | Mineral UI

Label Position & Justification

Use the labelPosition prop to adjust the position of the control relative to the label. Use the justify prop to maximize the space between the label and the control. These props are often useful when used in tandem with one another.

<DemoForm>
  <Radio name="mineral" label="Quartz" value="quartz" />
  <FormFieldDivider />
  <Radio name="mineral" label="Magnetite" value="magnetite" labelPosition="start" />
  <FormFieldDivider />
  <Radio name="mineral" label="Azurite" value="azurite" justify />
  <FormFieldDivider />
  <Radio name="mineral" label="Hematite" value="hematite" labelPosition="start" justify />
</DemoForm>