diff options
Diffstat (limited to 'html/lib/onyx/source/Toolbar.js')
| -rw-r--r-- | html/lib/onyx/source/Toolbar.js | 26 |
1 files changed, 26 insertions, 0 deletions
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 |