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

Import component

import { Field } from 'rimble-ui';

Example

ENS address
<Field label="ENS address">
  <Input type="text" required={true} placeholder="e.g. aardvark.eth" />
</Field>
<Field label="ENS address">
  <Input type="text" required={true} placeholder="e.g. aardvark.eth" />
</Field>
Copy code

Props

Styled System Props

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