A toolbar is a container for headers, titles, or actions.

Toolbars appear a step above the content they affect. They may constrain their width to accommodate material passing over them.

Single row toolbar Example

In the most situations, a toolbar will be placed at the top of your application and will only have a single row that includes the title of your application.

Multi-row toolbar Example

The Material Design specifications describe that toolbars can also have multiple rows. In the following example we will demonstrate how a toolbar with multiple rows can be implemented.