Patterns

Form Patterns

Compose Field components into logical sections with Card wrappers, then add a FormActions row at the bottom. This pattern scales from simple settings forms to complex multi-section workflows.

Settings Form

Profile

Your public profile information.

Display Name

Bio

Markdown is supported.

Notifications

Manage how you receive updates.

Email notifications

Receive updates about your account via email.

Marketing emails

Receive tips, product updates, and offers.

Composition Reference

Prop	Type	Default	Description
`Field`	`component`	—	Wraps a single input with label, hint, and error. Provides context via FieldContext.
`FormSection (pattern)`	`Card + heading`	—	Group related fields under a titled Card. Not a dedicated component -- compose with Card + H4.
`FormActions (pattern)`	`Cluster of Buttons`	—	A row of action buttons (submit, cancel) at the bottom of the form.