Fields

Field labels a control. Controls match the button height, so they line up in a row.

Name

×

<Field label="Name">
<Input placeholder="e.g. people" />
</Field>
<Field label="Answer">
<Select>
  <option>One value</option>
  <option>Any number of values</option>
</Select>
</Field>
<Button variant="icon" aria-label="Remove">×</Button>

Notes

<Field label="Notes">
<TextArea placeholder="Anything else?" />
</Field>