text: /**
   * This example shows how to create buttons that act as a link and navigate to a url when
   * clicked. This is achieved using the `href` config.
   */
  Ext.define('KitchenSink.view.button.LinkButtons', {
      extend: 'Ext.Container',
      xtype: 'link-buttons',
      controller: 'buttons',
  
      layout: 'vbox',
      width: '${width}',
  
      //<example>
      otherContent: [{
          type: 'Controller',
          path: 'classic/samples/view/button/ButtonsController.js'
      }],
      profiles: {
          classic: {
              width: 420
          },
          neptune: {
              width: 475
          },
          triton: {
              width: 500
          },
          'neptune-touch': {
              width: 585
          }
      },
      //</example>
  
      items: [{
          xtype: 'checkbox',
          boxLabel: 'Disabled',
          margin: '0 0 0 10',
          listeners: {
              change: 'toggleDisabled'
          }
      }, {
          xtype: 'container',
          layout: {
              type: 'table',
              columns: 4,
              tdAttrs: { style: 'padding: 5px 10px;' }
          },
          defaults: {
              href: 'http://www.sencha.com/'
          },
  
          items: [{
              xtype: 'component',
              html: 'Text Only'
          }, {
              xtype: 'button',
              text: 'Small'
          }, {
              xtype: 'button',
              text: 'Medium',
              scale: 'medium'
          }, {
              xtype: 'button',
              text: 'Large',
              scale: 'large'
          }, {
              xtype: 'component',
              html: 'Icon Only'
          }, {
              iconCls: 'button-home-small',
              xtype: 'button'
          }, {
              xtype: 'button',
              iconCls: 'button-home-medium',
              scale: 'medium'
          }, {
              xtype: 'button',
              iconCls: 'button-home-large',
              scale: 'large'
          }, {
              xtype: 'component',
              html: 'Icon and Text (left)'
          }, {
              xtype: 'button',
              iconCls: 'button-home-small',
              text: 'Small'
          }, {
              xtype: 'button',
              iconCls: 'button-home-medium',
              text: 'Medium',
              scale: 'medium'
          }, {
              xtype: 'button',
              iconCls: 'button-home-large',
              text: 'Large',
              scale: 'large'
          }, {
              xtype: 'component',
              html: 'Icon and Text (top)'
          }, {
              xtype: 'button',
              iconCls: 'button-home-small',
              text: 'Small',
              iconAlign: 'top'
          }, {
              xtype: 'button',
              iconCls: 'button-home-medium',
              text: 'Medium',
              scale: 'medium',
              iconAlign: 'top'
          }, {
              xtype: 'button',
              iconCls: 'button-home-large',
              text: 'Large',
              scale: 'large',
              iconAlign: 'top'
          }, {
              xtype: 'component',
              html: 'Icon and Text (right)'
          }, {
              xtype: 'button',
              iconCls: 'button-home-small',
              text: 'Small',
              iconAlign: 'right'
          }, {
              xtype: 'button',
              iconCls: 'button-home-medium',
              text: 'Medium',
              scale: 'medium',
              iconAlign: 'right'
          }, {
              xtype: 'button',
              iconCls: 'button-home-large',
              text: 'Large',
              scale: 'large',
              iconAlign: 'right'
          }, {
              xtype: 'component',
              html: 'Icon and Text (bottom)'
          }, {
              xtype: 'button',
              iconCls: 'button-home-small',
              text: 'Small',
              iconAlign: 'bottom'
          }, {
              xtype: 'button',
              iconCls: 'button-home-medium',
              text: 'Medium',
              scale: 'medium',
              iconAlign: 'bottom'
          }, {
              xtype: 'button',
              iconCls: 'button-home-large',
              text: 'Large',
              scale: 'large',
              iconAlign: 'bottom'
          }]
      }]
  });
  