Examples

Simple Form

Copied to clipboard

Copied to clipboard

Copied to clipboard

Label and helperText can be a string, a function or a node.

Copied to clipboard

The Form component accepts the following props.

Name	Type	Default	Description
children	node	null	Anything that can be rendered as Form content.
className	string	''	Additional classes added to the Form.
isHorizontal	bool	false	Sets the Form to horizontal.

The FormGroup component accepts the following props.

Name	Type	Default	Description
children	node	null	Anything that can be rendered as FormGroup content.
className	string	''	Additional classes added to the FormGroup.
label	node	undefined	Label text before the field.
isRequired	bool	false	Sets the FormGroup required.
isValid	bool	true	Sets the FormGroup isValid.
isInline	bool	false	Sets the FormGroup isInline.
helperText	node	undefined	Helper text after the field. It can be a simple text or an object.
helperTextInvalid	node	undefined	Helper text after the field when the field is isValid. It can be a simple text or an object.
fieldId	string		ID of the included field. It has to be the same for proper working.

The ActionGroup component accepts the following props.

Name	Type	Required	Default	Description
children	node		null	Anything that can be rendered as ActionGroup content.
className	string		''	Additional classes added to the ActionGroup.