Example of Popup in React Toolbar Component

All Controls
/
Toolbar
/
Popup

This sample demonstrates the Popup mode in the Toolbar. Click the drop-down icon to open the popup and see the hidden commands of the Toolbar.

More Details...

Loading....
Description

Popup mode display can be enabled to view primary priority items in toolbar and secondary priority items in the popup.

  • In first Toolbar, the popup will be shown when the content exceeds the available viewing area.
  • The second Toolbar is set with priority for specific toolbar items using showAlwaysInPopup , which is always displayed in the popup.


You can set priority to toolbar item using overflow property. Possible values are as follows,

Overflow Description
Show To display the commands in toolbar with primary priority.
Hide To display the commands in popup with secondary priority.
None (default) To display the commands with normal order without any priority.