html/lib/onyx/source/Toolbar.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

/**
	A horizontal bar containing controls used to perform common UI actions.
	
	A Toolbar customizes the styling of the controls it hosts, including
	buttons, icons, and inputs.
	
		{kind: "onyx.Toolbar", components: [
			{kind: "onyx.Button", content: "Favorites"},
			{kind: "onyx.InputDecorator", components: [
				{kind: "onyx.Input", placeholder: "Enter a search term..."}
			]},
			{kind: "onyx.IconButton", src: "go.png"}
		]}
	
	Note that it's possible to style a set of controls to look like they are in
	a toolbar without having the container itself look like a toolbar. To do so,
	apply the "onyx-toolbar-inline"	CSS class to the container that houses the
	controls.
*/
enyo.kind({
	name: "onyx.Toolbar",
	classes: "onyx onyx-toolbar onyx-toolbar-inline",
	handlers: {
		onHide: "render"
	}
});