RadioButton
Use radio buttons when you have a few options that a user can choose from. Never use radio buttons if the user can select more than one option from a list (consider using a Checkbox instead).
You can provide the label as either a string
or as a react component. If a string
is provided as the label, it
will be wrapped with the Text component.
Properties
Name | Type | Default |
---|---|---|
label | string | React element Sets a label for the radio button | |
error | boolean Sets styles to indicate an error | |
disabled | boolean Sets the state of the checkbox disabled | |
textVerticalAlign | "top" | "center" Adjusts the vertical alignment of the radio button | "center" |
The RadioButton supports margin styled-system props.
Examples
Combinations
disabled
error
error
disabled