Field

A wrapper that pairs a form control with a label, hint, and error message. Use FieldGroup to align multiple horizontal fields into a two-column grid, and FieldSpan to let any element break out of the grid and span the full width.


Basic (Vertical)

Wrap any control with Field and provide a label. Use hint for helper text, error for validation messages, required or optional to annotate the label; these do not validate or mark the child control required. Use for with a matching control id where supported.

We'll never share your email.

You must accept the terms.


Horizontal layout with FieldGroup

Set layout="horizontal" and wrap fields in a FieldGroup to get a two-column grid with aligned labels. Use FieldSpan to make any element span both columns.

Tell us a bit about yourself.



Snippet overrides

Replace label, hint, error with snippets for rich content. Use the action snippet for a right-aligned element in the label row.

Password Forgot?