Toolbar

A toolbar is a responsive container that displays controls that allow users to manage and manipulate a data set.

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