Toolbars are used as action headers to perform certain list of actions within a page with list of data.

Basic example

Basic example with label only
This is a sample label


Add set of nav links


Add togglable search blocks with input and close options

Action Icons

Add further action icons in addition to search

Complete example

Complete toolbar example with navs and action icons

Toolbar Inner

A toolbar can be also placed inside an existing card using the modifier class .toolbar--inner