Dynamic Standalone Sample Mount | AP Component Library

Field — Vertical

The basic structure. Note how "FieldLabel", "FieldDescription", and "FieldError" compose a single field.

Profile

These details appear on invoices and emails.

Or continue with

Field — Horizontal

Use "orientation="horizontal"" and wrap text in "FieldContent" when the label sits beside the control and you also have a description.

Preferences

Newsletter

Occasional updates about new features and tips.

Terms & Conditions

By proceeding, you agree to our Terms and Privacy Policy.

Field — Choice Controls

Compose Select, RadioGroup, and Slider with Field.

Options

Field — Responsive Group

"FieldGroup" supports container queries to create responsive horizontal layouts.

Field — States

Disabled, read-only, and invalid visual states.

States

Field Samples