Form Row
Type: React component
How to get FormRow?
JavaScript
import { FormRow } from 'fds/components';
Renders a row in a Form component, which should contain a single form field or a set of form fields as children. FormRow renders a Label above or before the form field, based on the "labelPosition" prop of the parent Form component.
Props
children
(Required)
Type: ReactNode
has
Required Asterisk (Optional)
Type: Boolean
Whether or not to show a red asterisk symbol to indicate the form field inside the form row is required.
is
Label Bold (Optional)
Type: Boolean
Whether or not the label is bold.
Default value
label
Color Name (Optional)
Type: String
The color of the label.
Default value
label
(Required)
Type: String
The human readable label displayed in the component.
on
Mouse Enter (Optional)
Type: Function
A callback that is called whenever the pointer is moved over the component. This callback is only fired when the pointer enters the component.
For more information about React and "events", check the React documentation
Arguments
Default value
on
Mouse Leave (Optional)
Type: Function
A callback that is called whenever the pointer is moved off the component. This callback is only fired when the pointer leaves the component.
For more information about React and "events", check the React documentation
Arguments
Default value
space
Vertical Size (Optional)
Type: Number | String
The amount of vertical space (or margin) between the children of the component.
This should be one of the following values:
-
0 (zero, no margin at all)
-
's' (small)
-
'm' (medium)
-
'l' (large)
Default value
-