Skip to page content

Toolbar

QToolbar is a component usually part of Layout Header and Footer, but it can be used anywhere on the page.

Usage

Basic



You can use the glossy class to make the toolbar glossy.

Glossy



Accessibility
v2.25+

QToolbar carries role="toolbar". Give each toolbar an aria-label (it falls through to the root element) when a page contains more than one, so screen reader users can tell them apart. Note that the controls inside remain independent Tab stops — QToolbar does not implement the single-Tab-stop, arrow-key navigation that the WAI-ARIA toolbar pattern describes.