Vertical Form

Default stacked form layout with comfortable field spacing.

Horizontal Form

Label and input alignment for compact desktop forms.

Vertical Form with Icons

Vertical form fields with leading icons.

Horizontal Form with Icons

Horizontal layout with field icons and right-aligned actions.

Multiple Column

Two-column customer profile form with address and company fields.

Country

Form with Tabs

Tabbed form layout for account, profile, and social sections.

Form Hint

Fields can display helper copy below the input.

Autocomplete

Form Validation

Invalid state sample using the same textfield component.

Collapsible

Accordion-style form sections for long checkout forms.

Sticky Action Bar

Checkout-style form layout with sticky action bar, delivery options, promo code, and payment fields.

Sticky Action Bar

1. Delivery Address

2. Delivery Type

3. Payment Method