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

  • Label one
  • Label two
  • Label three
  • Label one
  • Label two
  • Label three
6 filters applied

Toolbar attribute value checkbox menu toggle filter on mobile

  • Label one
  • Label two
  • Label three
  • Label one
  • Label two
  • Label three
6 filters applied

Toolbar pagination management on mobile

Toolbar pagination management on mobile screenshot