Skip to main content


This is a horizontal (between menu options) or vertical (between toolbar controls) line separating items/groups of items from each other.

Related sample: Toolbar. Separator

Adding Separator#

A new Separator can be created with the help of the add() method of Tree Collection:{    type:"separator"});


The configuration object of the Separator control can have the following properties.

Showing/hiding separator#

You can hide and show Separator with the show()/hide() methods of Toolbar by passing the control's id to them:;toolbar.hide(id);

Related sample: Toolbar. Hide/Show

Check the full list of available operations in the Toolbar API and Tree Collection API.