Skip to main content
Skip table of contents

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

CODE
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:

CODE
<RadioGroup
          sx={{':active': {'margin': '15px 20px 15px 15px','padding': '15px 20px 15px 15px',
               'width': '150px','height': '200px',},}}
                row={true}
                defaultValue="Value1">
  </RadioGroup>

 

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.