|
|
- /**
- 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"
- }
- });
|