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.