/**
	A 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 an icon should be combined with text inside a button, use an <a href="#onyx.Icon">onyx.Icon</a> inside an <a href="#onyx.Button">onyx.Button</a>.

		{kind: "onyx.Button", ontap: "buttonTap", components: [
			{kind: "onyx.Icon", src: "images/search.png"},
			{content: "Button"}
		]}

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

@@ -234,24 +234,26 @@
 ton, use an 
+%0A%09
 %3Ca href=%22#on
@@ -287,17 +287,17 @@
 de an %3Ca
- 
+%09
 href=%22#o
@@ -463,16 +463,228 @@
 %7D%0A%09%09%5D%7D%0A%0A
+%09The image associated with the src property of the onyx.IconButton  is%0A%09assumed to be 32x64 pixel strip with the top image showing normally, and%0A%09the bottom one showing with the button is hovered over or active.%0A
 */%0Aenyo.

Add documentation about expected 32x64 image size for IconButtons