Form groups are the easiest way to add structure to form elements.
<i-form-group> component is a wrapper that provides proper grouping of labels, input, help text, and form validation messaging. By default, form groups add a
margin-bottom to provide spacing between form groups.
Setting a form group as
disabled will cause all of its child inputs to be disabled.
You're able to use the
size modifier to control the size of the components inside your
<i-form-group>, using one of the available sizes:
lg. The default size is set to
All of the components inside the
<i-form-group> will inherit the parent form group's size.
Form Group Nesting
You can nest form groups in order to control the
size properties of multiple inputs at once. All the child inputs of the parent form group will inherit the property.
|disabled||Sets the state of the form group component as disabled.|| || |
|readonly||Sets the state of the form group component as readonly.|| || |
|size||Sets the size of the form group component.|| || |
|inline||Sets the form group styling to be inline.|| || |
|validate||Determine whether to display the error messages related to the immediate child input.|| || |