0N/AYUI().use('button', function(Y){

0N/A

0N/A // A basic push button

0N/A var pushButton = new Y.Button({

0N/A srcNode:'#myButton'

0N/A }).render();

0N/A

0N/A

0N/A // A disabled button

0N/A var disabledButton = new Y.Button({

0N/A srcNode:'#myDisabledButton',

0N/A disabled: true

0N/A }).render();

0N/A

0N/A

0N/A // An event button, listening for a click

0N/A var eventButton = new Y.Button({

0N/A srcNode:'#myEventButton'

0N/A }).render();

0N/A

0N/A eventButton.on('click', function(){

0N/A var button = this;

0N/A var label = button.get('label');

0N/A alert("'" + label + "' was clicked");

0N/A });

0N/A

0N/A // A toggle button with a state change listener

0N/A var toggleButton = new Y.ToggleButton({

0N/A srcNode:'#myToggleButton',

0N/A after: {

0N/A 'selectedChange': function () {

0N/A var button = this;

0N/A var selected = button.get('selected');

0N/A

0N/A if (selected) {

0N/A button.set('label', 'Toggle Button: Selected');

0N/A }

0N/A else {

0N/A button.set('label', 'Toggle Button: Unselected');

0N/A }

0N/A }

0N/A }

0N/A }).render();

0N/A

0N/A});