Radio

Use the Radio component when users can select only one option from a short list and you want all the options to be visible. Radio maps to a radio input and a label.

Usage Example

Live Editor

<> <Radio label="Algorand" my={2} /> <Radio defaultChecked label="ASA" my={2} /> <Radio checked disabled label="Create" my={2} /> </>

<>
  <Radio label="Algorand" my={2} />
  <Radio defaultChecked label="ASA" my={2} />
  <Radio checked disabled label="Create" my={2} />
  </>

Result

Loading...

Props

Prop	Type	Default	Description
color	string (optional)	'primary'
label	string (optional)
theme	object (optional)

Radio uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.