FormRow
Put 1 to 3 fields side by side. Rows stack on narrow screens.
Example
Profile
Installation
bunx --bun shadcn@latest add @fieldkit/form-rowNeeds the @fieldkit registry. Add it once
Usage
Terminal
import { FormRow } from "@/components/form/form-row"
<FormRow cols={2}> <FormText name="firstName" /> <FormText name="lastName" /></FormRow>API reference
FormRow
PropDescription
cols1 | 2 | 3 = 2Columns once the row is at least 28rem wide. 3 columns from 42rem.Notes
- Uses a container query, so a row lays out by its own width in dialogs and sidebars too.