Bothsrc/components/fieldset.tsx

Fieldset

Form layout primitives: Fieldset, Legend, FieldGroup, FieldGrid, Field, Label, Description, ErrorMessage.

Form

Account details

Update what we display about you.

Full name

We won’t share it.

Country

Bio

I agree to the terms

Field grid

The canonical two-column form grid (24px gutters). A full-width field opts in with sm:col-span-2. Use it instead of hand-writing the grid so form spacing can't drift.

First name

Last name

Date of birth

With error

Enter a valid email address.

Disabled fieldset

Disabled

Name

Used on

Console: /console/console (every page)/console/admin/road-test-rules /console/business-reporting /console/business-reporting/btw-hours /console/business-reporting/enrollment /console/business-reporting/fleet-size /console/business-reporting/payroll /console/catalog/console/catalog/contracts/[id]/console/certificates /console/curriculum /console/financials /console/financials/balances /console/financials/earned /console/financials/refunds /console/financials/sales /console/financials/transactions /console/financials/waived-fees /console/fleet/console/fleet/[id]/console/locations/console/locations/[id]/console/locations/franchises/[id]/console/notifications /console/people/console/people/[id]/console/reporting /console/reporting/certificate-upload /console/reporting/dps-report /console/reporting/student-records/console/reporting/student-records/[id]/console/scheduling /console/scheduling/queue
Portal: /(student) (every page)/checkout /dashboard /dashboard/billing /dashboard/contract-update /dashboard/intake /dashboard/lessons /dashboard/refer /dashboard/sign /forgot-password /invite /login /set-password