FormGroup

Overview

FormGroup is a way to group forms in a particular profile together to assign the forms all at once instead of individually. Each child FormControl's values is collected into one object by a FormGroup, which uses the control name as the key. By decreasing the status values of its children, FormGroup can define its status.
For illustration, if one control inside a group is invalid, the group is itself invalid. FormGroup could only be constructed after FormControl has been defined, just like the way FormControlLabel operates. FormGroup contains FormControlLabel in source codes.

Please refer to this for more information: https://mui.com/material-ui/api/form-group/.

Import

CODE

import { FormControl, FormGroup } 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: False	The component General includes Row property.
Advanced Style		The component Advanced Style includes Classname and Inline Style addition.

Code Sample

CODE

<FormGroup      sx={{':visited': {
                'margin': '12px 12px 24px',
                'padding': '24px 24px 12px',
                'width': '150px',
                'height': '200px',}, }}
                row={true}>
</FormGroup>

Related Components: