React Toolbar

Overview

The React Toolbar component provides an intuitive component akin to the minimal toolbars found within traditional desktop applications like Word and Excel. Beyond containing simple buttons for interactions, the KendoReact Toolbar component has a range of buttons and organizational options to help arrange the tools appropriately.

See React Toolbar Overview demo

React Toolbar - Overview, KendoReact UI Library

Tools

Within the KendoReact Toolbar, the Tools can be rendered as a Button, ButtonGroup, DropDownButton and SplitButtons. Of course, custom buttons can also be added. This flexibility allows the Toolbar to fit any integration scenarios that needs to display and organize actionable buttons in a specific way.

See React Toolbar Tools demo

React Toolbar - Tools, KendoReact UI Library

Globalization

The KendoReact Toolbar fully supports right-to-left (RTL) scenarios, ensuring that the component can be added in to any application, no matter what requirements for layout your applications have.

See React Toolbar Globalization demo

React Toolbar - Globalization, KendoReact UI Library

Keyboard Navigation

With built-in support for keyboard navigation, the React Toolbar can be navigated through using just the keyboard as the method of interaction.

See React Toolbar Keyboard Navigation demo

Accessibility

The KendoReact Toolbar is fully accessible, rated AAA with WCAG 2.0 and sporting compliance with both Section 508 and WAI-ARIA standards.

See React Toolbar Accessibility demo

React Toolbar - Accessibility, KendoReact UI Library

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.