function ToolBarToogleButton(parent)
{
	ButtonIconToggle.call(this, parent);

	var self = this;

	this.setStyle("borderRadius", "5px");
	this.setStyle("overflow", "visible");

	this.icon.style.left = "25%";
	this.icon.style.top = "25%";
	this.icon.style.width = "50%";
	this.icon.style.height = "50%";

	/** 
	 * Component to display the text on mouse over.
	 *
	 * @attribute text
	 * @type {Text}
	 */
	this.text = new Text(this);
	this.text.setMode(Component.BOTTOM_LEFT);
	this.text.setStyle("backgroundColor", "var(--panel-color)");
	this.text.setStyle("borderRadius", "5px");
	this.text.setTextColor("var(--color-light)");
	this.text.setVisibility(false);
	this.element.onmouseenter = function()
	{	
		self.text.setVisibility(true);
	};
	this.element.onmouseleave = function()
	{
		self.text.setVisibility(false);
	};
}
Editor tool bar button.

@class ToolBarToogleButton
@extends {ButtonIconToggle}
@param {Component} parent Parent element.