Props from Radio.Group that also appear in Radio will be overridden by Radio.Group's. In general, you should never use Radio without a Radio.Group.

Jackie's code dump of examples that can be cleaned up later:

const [value, setValue] = useState('female');
const handleChange = (e) => {
  setValue(e.target.value);
};
<Radio.Group
  marginTop="50px"
  name="gender"
  onChange={handleChange}
  value={value}
>
  <Radio id="male" value="male">
    Male
  </Radio>
  <Radio id="female" value="female">
    Female
  </Radio>
  <Radio id="other" value="other">
    Other
  </Radio>
</Radio.Group>
<Radio.Group vertical marginTop="50px" name="colors">
  <Radio id="blue" value="blue">
    Blue
  </Radio>
  <Radio color="#f00" defaultChecked id="red" value="red">
    Red
  </Radio>
  <Radio error="warning" id="purple" value="purple">
    Purple
  </Radio>
  <Radio disabled id="green" value="green">
    Green
  </Radio>
</Radio.Group>
<Radio.Group
  defaultValue="red2"
  disabled
  vertical
  marginTop="50px"
  name="secondColors"
>
  <Radio id="blue2" value="blue2">
    Blue
  </Radio>
  <Radio id="red2" value="red2">
    Red
  </Radio>
  <Radio id="purple2" value="purple2">
    Purple
  </Radio>
  <Radio id="green2" value="green2">
    Green
  </Radio>
</Radio.Group>
<Radio.Group
  defaultValue="blue3"
  error="error"
  vertical
  marginTop="50px"
  name="thirdColors"
>
  <Radio id="blue3" value="blue3">
    Blue
  </Radio>
  <Radio id="red3" value="red3">
    Red
  </Radio>
  <Radio id="purple3" value="purple3">
    Purple
  </Radio>
  <Radio id="green3" value="green3">
    Green
  </Radio>
</Radio.Group>

Common Props

Radio includes COMMON common props. Radio.Group includes COMMON, FLEX, and BORDER props. Read Common Props for details and API. These common props will override component props such as the color.

Radio Component Props

Radio.Group Component Props