Skip to main content
Skip table of contents

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:

JavaScript errors detected

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

If this problem persists, please contact our support.