formsquestion group

question group

container primitive that groups a related set of form fields. replaces the ad-hoc onboarding-question-group div soup in the legacy intake. purely presentational — the form-engine decides whether to render it (visibility rules live on the spec).

three layouts: stack (vertical, default), grid-2col (two equal columns, collapses to stack on mobile), cluster (tight grouping with reduced gap, e.g. an identity cluster).

import from @klera/ui/components/forms/QuestionGroup

API: <QuestionGroup label? description? layout?>{fields}</QuestionGroup>. header (label + description) is optional and only renders if either is provided.

variants

stack (default)

contact information

how should we reach you?

+1

grid-2col

basic identity

two equal columns at desktop, collapses to stack at <768.

cluster — tight rhythm
ft

lb

12px gap instead of 16px. for visually unified groups (BMI cluster, name+name).

no header