FieldGroup
A component for organizing and structuring form data on the layout level.
The <FieldGroup> designed primarily for handling of complex forms and semantic representation of fields structure and the layout in theme-core .
For your information!
The <FieldGroup> is a component to layout the label and the fieldbase itself. On that you can use labelWidth which is a string type to set the width of the label. Because the label is set to the left side in the core-theme, it has only an impact on that.
Import
import { FieldGroup } from '@marigold/components';Appearance
Sorry! There are currently no variants and sizes available.
Props
| Property | Type | Default | Description |
|---|---|---|---|
labelWidth | string | number | none | Sets the width of all Fields labels used inside the `FieldGroup` |
Examples
Complex Form layout
This is how you can control form layout and labels width using FieldGroup component.
Preview
Code
Please enter your phone number
Country
Preferred Language
Hobbies