RadioGroup
Overview
RadioGroup is used to create a multiple-exclusion scope for a set of radio buttons. Giving each radio button in a radio group the same name establishes the radio group. Once a radio group is established, selecting any radio button in that group automatically deselects any currently-selected radio button in the same group.
Please refer to this for more information: https://mui.com/material-ui/react-radio-button/.
Import
import { RadioGroup } from '@mui/material';
The above source will be imported automatically after dragging and dropping the Basic Component to the UI Preview Panel.
Property
Property:
Name | Default | Description |
Id-name | Placeholder: <id-name> | The Id-name of the created component. |
State | State: Normal | The State of the created Component. |
Margin and Padding | Size Unit: Px | The component Margin and Padding with many selectable Size Units. |
Size | Size Unit: Px | The component Size includes Width and Height with many selectable Size Units. |
General | Row: Disabled | The component General includes DefaultValue and Row. |
Advanced Style | The component Advanced Style includes Classname and Inline Style addition. |
Code Sample:
<RadioGroup
sx={{':active': {'margin': '15px 20px 15px 15px','padding': '15px 20px 15px 15px',
'width': '150px','height': '200px',},}}
row={true}
defaultValue="Value1">
</RadioGroup>