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 menu toggle filter on desktop

Status
  • Canceled
  • Paused
  • Restarted

Toolbar attribute value checkbox menu toggle filter on mobile

Status
  • Canceled
  • Paused
  • Restarted

Toolbar pagination management on mobile

Toolbar pagination management on mobile screenshot

View source on GitHub