Forms

These examples are included for development testing purposes. For official documentation, see https://www.patternfly.org and http://getbootstrap.com.

Right-aligned labels

Basic Form

All Fields Required

Required and Optional Fields

All Fields Optional

Error Feedback

Hey there is a problem! Yeah this is really messed up and you should know about it.

Top-aligned labels

Basic Form

All Fields Required

Required and Optional Fields

All Fields Optional

Inline Form

Expand-Collapse Section

Controls

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

1 2 3

Count Remaining Characters Control

Static Control

Help Text

A block of help text that breaks onto a new line and may extend beyond one line.

Control Sizing

Input Groups

Basic Example

.00

$ .00

Sizing

Checkboxes and radio addons

Button addons

Buttons with dropdowns

Segmented buttons

Form States

Input with success

Select with success

Input with warning

Select with warning

Input with error

Select with error

Right-aligned labels

Basic Form

All Fields Required

Required and Optional Fields

All Fields Optional

Error Feedback

Top-aligned labels

Basic Form

All Fields Required

Required and Optional Fields

All Fields Optional

Inline Form

Inside a modal

Expand-Collapse Section

Expand-Collapse Section inside a modal

Controls

Count Remaining Characters Control

Static Control

Help Text

Control Sizing

Input Groups

Basic Example

Sizing

Checkboxes and radio addons

Button addons

Buttons with dropdowns

Segmented buttons

Form States