Field Grid
Responsive two-column field layout; use FieldGridRow to span full width.
Responsive two-column field layout; use FieldGridRow to span full width.
import { FieldGrid, FieldGridRow } from "@coss/ui/shared/field-grid";Example
Composition matches a real product call site. Copy is paraphrased.
apps/web · destination calendar
Call sites
| File | Notes |
|---|---|
apps/web/modules/calendars/components/destination-calendar.tsx | Two-column fields |
apps/web/modules/settings/my-account/components/profile-form-card.tsx | Profile + FieldGridRow |
Example URLs
Not exhaustive — a few places you can open locally (e.g. http://localhost:3000) to see this in product.
| Path | Notes |
|---|---|
/settings/my-account/profile | Profile form FieldGrid |
/settings/my-account/calendars | Destination calendar FieldGrid |
Source
On This Page