PatternFly

Toolbar

A toolbar allows a user to manage and manipulate a data set. Data can be presented in any valid presentation, a table, a list, or a data visualization (chart), for example. The toolbar responsively accommodates controls and displays applied filters in chip groups.

Demos

Toolbar attribute value search filter on desktop

Toolbar with validation on desktop

Toolbar with validation on desktop screenshot

Toolbar attribute value search filter on mobile

Toolbar attribute value single select filter on desktop

Toolbar attribute value single select filter on mobile

Toolbar attribute value checkbox select filter on desktop

  • Canceled
  • Paused
  • Restarted

Toolbar attribute value checkbox select filter on mobile

  • Canceled
  • Paused
  • Restarted

Toolbar pagination management on mobile

Toolbar pagination management on mobile screenshot

View source on GitHub