---

PatternFly Examples

Secondary Primary Destructive

Secondary Primary Destructive

Secondary Large Primary Large Destructive Large

Secondary Large Primary Large Destructive Large

Secondary Extra Small Primary Extra Small Destructive Extra Small

Secondary Extra Small Primary Extra Small Destructive Extra Small

Button options and sizes

Large button Large button Large button Large button Large button Large button Large button

Large button Large button Large button Large button Large button Large button Large button

Large button Large button Large button Large button Large button Large button Large button

Default button Default button Default button Default button Default button Default button Default button

Default button Default button Default button Default button Default button Default button Default button

Default button Default button Default button Default button Default button Default button Default button

Small button Small button Small button Small button Small button Small button Small button

Small button Small button Small button Small button Small button Small button Small button

Small button Small button Small button Small button Small button Small button Small button

Extra small button Extra small button Extra small button Extra small button Extra small button Extra small button Extra small button

Extra small button Extra small button Extra small button Extra small button Extra small button Extra small button Extra small button

Extra small button Extra small button Extra small button Extra small button Extra small button Extra small button Extra small button

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 Button Link Button Link Button

Link Button Link Button Link Button

Link Button Link Button Link Button

Link Button Link Button Link Button

Link Button Link Button Link Button

Link Button Link Button Link Button

Link Button Link Button Link Button

Link Button Link Button Link Button

Button groups

Basic Example

Button toolbar

Sizing

Nesting

Vertical variation

Justified link variation

Button dropdowns

Single button dropdowns

Split button dropdowns

Sizing

Dropup variation

Advanced Buttons - requires bootstrap.js

Single toggle

Single toggle

Checkbox / Radio