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

Left-aligned labels

Required and Optional Fields

The fields marked with * are required.

Example block-level help text here.

All fields required.

All fields are required.

Right-aligned labels

Basic Form

All Fields Required

All fields are required.

Required and Optional Fields

The fields marked with * are required.

All Fields Optional

All fields are optional.

Error Feedback

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

Top-aligned labels

Basic Form

Example block-level help text here.

All Fields Required

All fields are required.

Required and Optional Fields

The fields marked with * are required.

All Fields Optional

All fields are optional.

Inline Form

Inside a modal

Expand-Collapse Section

Advanced Options

Expand-Collapse Section inside a modal

Controls

Count Remaining Characters Control


Static Control

email@example.com

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