radio
v4.9.10arrow_drop_downThe icon to display when the component is checked.
The color of the component. It supports those theme colors that make sense for this component.
If true
, the radio will be disabled.
The icon to display when the component is unchecked.
The size of the radio.
small
is equivalent to the dense radio styling.
Name | Type | Description |
---|---|---|
checked | bool | If |
checkedIcon | node | The icon to display when the component is checked. |
classes | object | Override or extend the styles applied to the component. See CSS API below for more details. |
color | 'default' | 'primary' | 'secondary' | The color of the component. It supports those theme colors that make sense for this component. |
disabled | bool | If |
disableRipple | bool | If |
icon | node | The icon to display when the component is unchecked. |
id | string | The id of the |
inputProps | object | Attributes applied to the |
inputRef | custom | Pass a ref to the |
name | string | Name attribute of the |
onChange | function | The event source of the callback.
You can pull out the new value by accessing |
required | bool | If |
size | 'medium' | 'small' | The size of the radio.
|
value | any | The value of the component. The DOM API casts this to a string. |
checked | bool | If |
classes (required) | object | Override or extend the styles applied to the component. See CSS API below for more details. |
fontSize | 'small' | 'default' | The size of the radio.
|