Toolbar

Toolbar is a grouping component for buttons and other content.

Import#


import { Toolbar } from 'primereact/toolbar';

Basic#

Toolbar provides start, center and end properties to place content at these sections.


<Toolbar start={startContent} end={endContent} />

Custom#

Toolbar provides start, center and end properties to place content at these sections.


<Toolbar start={startContent} end={endContent} />

Accessibility#

Screen Reader

Toolbar uses toolbar role for the root element, aria-orientation is not included as it defaults to horizontal. Any valid attribute is passed to the root element so you may add additional properties like aria-labelledby and aria-labelled to define the element if required.


<Toolbar aria-label="Actions">
    Content
</Toolbar>

Keyboard Support

Component does not include any interactive elements. Arbitrary content can be placed with templating and elements like buttons inside should follow the page tab sequence.