Skip to main content

Field

The Field component provides a convenient way to add a label to an Input component.

Usage Example#

<Field label="Note">    <Input type="text" required={true} placeholder="your note goes here" /></Field>

Props#

PropTypeDefaultDescription
childrenelement (required)
labelstring (required)

Field uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.