Gallery

<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-button-item', function(Y) {
    // A button with just an icon
var button1 = new Y.ButtonItem('plus').render();
 
// A button with a label and icon
var button2 = new Y.ButtonItem(
	{
		icon: 'minus',
		label: 'Remove'
	}
).render();
 
// A button with a basic "click" handler
var button3 = new Y.ButtonItem(
	{
		icon: 'gear',
		label: 'Configure',
		handler: function(){
			alert('You clicked configure');
		}
	}
).render();
 
// A button with an advanced interaction handler
var button4 = new Y.ButtonItem(
	{
		icon: 'clock',
		label: 'Time',
		handler: {
			fn: function(){alert('You mousedover Time');},
			context: Y,
			type: 'mouseover'
		},
	}
).render();
 
// A button with a persistent toggle-able "active" state
var button5 = new Y.ButtonItem(
	{
		activeState: true,
		icon: 'refresh',
		label: 'Refresh'
	}
).render();
});