function SideBar(parent)
{
	Component.call(this, parent, "div");

	this.preventDragEvents();

	this.setStyle("overflow", "visible");
	this.setStyle("backgroundColor", "var(--bar-color)");
    
	/**
	 * List of object placing buttons.
	 *
	 * @attribute buttons
	 * @type {Array}
	 */	
	this.buttons = [];

	this.createObject();
    
	this.add = new Text(this);
	this.add.setText(Locale.add);
	this.add.size.set(40, 20);
	this.add.position.set(0, 5);
	this.add.updateInterface();

	/**
	 * More button is displayed when there is no space for the buttons placed in the side bar.
	 *
	 * @attribute more
	 * @type {ButtonDrawer}
	 */
	this.more = new ButtonDrawer(this);
	this.more.setImage(Global.FILE_PATH + "icons/misc/more.png");
	this.more.optionsPerLine = 1;
}
Side bar is used to add more nodes to the node editor graph.

@class SideBar
@extends {Component}
@param {NodeEditor} parent Node editor where the sidebar is placed at.