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
27
28
29
30
31
32
33
34
35
36
37
38
|
/**
An icon that acts like a button. The icon image is specified by setting the
*src* property to a URL.
{kind: "onyx.IconButton", src: "images/search.png", ontap: "buttonTap"}
If you want to combine an icon with text inside a button, use an
<a href="#onyx.Icon">onyx.Icon</a> inside an
<a href="#onyx.Button">onyx.Button</a>, e.g.:
{kind: "onyx.Button", ontap: "buttonTap", components: [
{kind: "onyx.Icon", src: "images/search.png"},
{content: "Button"}
]}
The image associated with the *src* property of the IconButton is assumed
to be 32x64-pixel strip with the top half showing the button's normal state
and the bottom half showing its state when hovered-over or active.
*/
enyo.kind({
name: "onyx.IconButton",
kind: "onyx.Icon",
published: {
active: false
},
classes: "onyx-icon-button",
//* @protected
rendered: function() {
this.inherited(arguments);
this.activeChanged();
},
tap: function() {
this.setActive(true);
},
activeChanged: function() {
this.bubble("onActivate");
}
});
|
