Radio

Renders an input with type="radio". Can be used as a controlled or uncontrolled component.

<Radio />
<Radio />
Live Demo

The icon prop replaces the icon rendered by the component.

<Radio
    fontSize="2rem"
    borderWidth="2px"
    borderColor="Primary"
    icon={
        <CheckIcon fill="Primary" padding={1} />
    }
/>
<Radio
    fontSize="2rem"
    borderWidth="2px"
    borderColor="Primary"
    icon={
        <CheckIcon fill="Primary" padding={1} />
    }
/>
Live Demo