RadioButton

In progress

Radio buttons are used to represent a group or category of choices whereby users can only select one option - the main difference from checkboxes that allow users to select multiple options.

Default

With Label

No Label

Checked

Disabled

ReadOnly

RadioButton props

NameTypeRequiredDefaultDescription
ariaLabelstringNo-ARIA description of RadioButton
checkedbooleanNofalseChecked state of RadioButton
disabledbooleanNofalseDisables RadioButton
idstringNo-Sets RadioButton id
labelJSX.Element | stringNo-Label for RadioButton
onChange(event) => voidNo-Change event handler
onClick(event) => voidNo-Click event handler
readOnlybooleanNofalseValue of RadioButton can't be changed