From ca3ad6305ec0655ad8475a12ac2228b61cdd9ba0 Mon Sep 17 00:00:00 2001 From: Lionel LASKE Date: Sat, 25 Aug 2012 20:23:36 +0000 Subject: Init commit --- (limited to 'html/lib/onyx/source/Toolbar.js') diff --git a/html/lib/onyx/source/Toolbar.js b/html/lib/onyx/source/Toolbar.js new file mode 100644 index 0000000..d28e18b --- /dev/null +++ b/html/lib/onyx/source/Toolbar.js @@ -0,0 +1,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" + } +}); \ No newline at end of file -- cgit v0.9.1