FieldRow

Places multiple Fields on one line with even widths, e.g. amount + currency pairs.

PropsCopy link

FieldRow extends HTMLAttributes<HTMLDivElement>. It has no custom props; it is a layout wrapper.

UsageCopy link

Side-by-side fieldsCopy link

import { FieldRow } from "@solarius/onset";

<FieldRow>
  <Field label="First name">
    <Input placeholder="John" />
  </Field>
  <Field label="Last name">
    <Input placeholder="Doe" />
  </Field>
</FieldRow>;