Source: https://primereact.org/toolbar/

Introducing PrimeReact v11 Alpha 🥁Learn More

• SearchK

• 10.9.7

  • v11(11.0.0)

  • v10(10.9.7)

  • v9(9.6.3)

• FEATURES

• API

• THEMING

• PASS THROUGH

Toolbar

Toolbar is a grouping component for buttons and other content.

Import#

---

import { Toolbar } from 'primereact/toolbar';
         

Copy

Basic#

---

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

Save 

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

Copy

Custom#

---

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

Amy Elsner

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

Copy

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>
     

Copy

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.

• Import

• Basic

• Custom

• Accessibility

PrimeReact 10.9.7 by PrimeTek