Forms
These examples are included for development testing purposes. For official documentation, see
https://www.patternfly.org
and
http://getbootstrap.com
.
PatternFly Example
Default
Disabled
With error
Please correct the error
Count Remaining Characters Control
Post New Message
Basic Example
Email address
Password
File input
Example block-level help text here.
Check me out
Submit
Inline Form
Email address
Password
Remember me
Sign in
Horizontal Form
Email
Password
Remember me
Sign in
Supported Controls
Option one is this and that—be sure to include why it's great
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
1
2
3
4
5
1
2
3
4
5
Static Control
Email
email@example.com
Password
Form States
Disabled input
Disabled select menu
Disabled select
Can't check this
Submit
Input with success
Select with success
1
2
3
4
5
Input with warning
Select with warning
1
2
3
4
5
Input with error
Select with error
1
2
3
4
5
Control Sizing
...
...
...
Help Text
A block of help text that breaks onto a new line and may extend beyond one line.
@
Input Groups
Basic Example
.00
$
.00
Sizing
@
@
@
Checkboxes and radio addons
Button addons
Go!
Go!
Buttons with dropdowns
Action
Action
Another action
Something else here
Separated link
Action
Action
Another action
Something else here
Separated link
Segmented buttons
Action
Action
Another action
Something else here
Separated link
Action
Action
Another action
Something else here
Separated link