Dashboard
Mailbox
Cards & Widgets
UI Elements
Charts
Forms
Tables
Pages

Form Layouts

Forms are used to collect user information with different element types of input, select, checkboxes, radios and more.

Top Label Layout

A form with a label on top of each form control.

Bordered Form Group Wrapper

A bordered form group wrapper with a label on top of each form control.

Placeholder as Label

A bordered form group wrapper but the label is in field of the form control.

Left Label Alignment

A basic form where labels are aligned in left.

Right Label Alignment

A basic form where labels are aligned in right.

Bordered Left Label Alignment

A basic form where labels are aligned in left with bordered wrapper.

Firstname:
Email Address:
Bordered Right Label Alignment

A basic form where labels are aligned in left with bordered wrapper.

Firstname:
Email Address:
Form Alignment

An inline form that is centered align and right aligned.

Form In Card

A form that is inside the card.

Sign in to continue

Don't have an account? Create an account, it only takes less than a minute.

Form In Dropdown

A form that is inside the dropdown menu.

Form In Modal

A form that is inside the modal box.