FormFieldGroup

Stripe FormFieldGroup

A legend over fields side by side — first and last name, city and PIN — that stack on phones. One help line or one shared error sits under the fields; disabled disables every field inside, as a native fieldset.

pnpm add @zikzuk/ui

import { FormFieldGroup } from "@zikzuk/ui";

Name, and an address with an error

Name

First name

Last name

As printed on the PAN card.

Address

City

PIN code

Enter a 6-digit PIN code

When to use

Fields that together make one answer.

Not for

Unrelated fields that happen to be short.

Props

Prop	Type	Description
legend	ReactNode	What the fields answer.
description	ReactNode	Under the legend.
help	ReactNode	One grey line under the fields.
error	ReactNode	Replaces help; red, announced, marks the group invalid.
layout	"row" \| "column" Default `"row"`	column always stacks.
disabled	boolean	Disables every field.
className	string	Extra classes on the outer element.