Overview

The React Toolbar component provides an interface for selecting a command from a collection of commands. It has a rich set of features such as different orientations, responsive modes (scrollable and pop-up), templating, and button alignment based on priority.

Item rendering

The React Toolbar component provides data binding support, rendered based on a JSON array collection of properties such as text, type, and alignment. Data binding can be achieved by forming an array collection of items.

Popup menu

The pop-up menu is another type of overflow mode in which the toolbar container holds the items that can be placed within the available space. The items that do not fit the viewing area are moved to the overflow pop-up container. You can view the overflow tab headers by clicking the pop-up icon.

Commands display priority

You can prioritize the commands to be displayed in the pop-up or toolbar when minimum space is available to view them.