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

PatternFly Examples

Button options and sizes

Button types

Note: a Firefox bug that prevents us from setting the line-height of <input>-based buttons, causing them to not exactly match the height of other buttons on Firefox.

Link Link Link

Link Link Link

Link Link Link

Link Link Link

Link Link Link

Link Link Link

Link Link Link

Link Link Link

Button groups

Basic Example

Button toolbar

Sizing

Nesting

Vertical variation

Justified link variation

Left Middle Right

Button dropdowns

Single button dropdowns

Split button dropdowns

User

Sizing

Dropup variation

Advanced Buttons - requires bootstrap.js

Single toggle

Checkbox / Radio