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
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
<FormGroup sx={{':visited': {
'margin': '12px 12px 24px',
'padding': '24px 24px 12px',
'width': '150px',
'height': '200px',}, }}
row={true}>
</FormGroup>
Related Components: