Radio

Refers to the id of the element that labels the radio element.

The visual color appearance of the component

If true, the radio will be initially checked.

id assigned to input

Additional props to be forwarded to the input element

If true, the radio will be checked. You'll need to pass onChange to update its value (since it is now controlled)

If true, the radio will be disabled

If true and isDisabled is true, the radio will remain focusable but not interactive.

If true, the radio button will be invalid. This also sets `aria-invalid` to true.

If true, the radio will be read-only

If true, the radio button will be required. This also sets `aria-required` to true.

The name of the input field in a radio (Useful for form submission).

Function called when checked state of the input changes

The size of the Radio

The spacing between the checkbox and its label text

The value to be used in the radio button. This is the value that will be returned on form submission.

The variant of the Radio