Sprout

Form field

Wraps a label, control slot, and hint or error text for accessible forms. Lives in packages/grove/src/sprouts/FormField.tsx.

Preview

Pair with seed components such as Input as children.

Account nickname

Shown only to you.

Enter a valid email address.

import { FormField, Input } from '@twig/grove'

<FormField label="Email" htmlFor="email" hint="We never share this.">
  <Input id="email" type="email" />
</FormField>