Skip to main content

Component <Radio />

Props

PropsTypeMeaningPossible values
labelstring / nodeAdd redio labelstring or element
labelPositionstringSet redio label positionleft / right
colorstringSet checked colorred / blue / turquoise
customInputnodeProp for custom input elementelement



States

Examples:

  <Radio checked />
<Radio checked={false} />
<Radio checked disabled />
<Radio checked={false} disabled />



Colors

Examples:

  <Radio color="red" checked />
<Radio color="blue" checked />
<Radio color="turquoise" checked />



With label

Examples:

  <Radio label="Good?" labelPosition="left" checked />
<Radio label="Bad?" labelPosition="right" />



Custom input

Example:

<Radio customInput={<input type="radio" name="radio" checked />} />