code: function () {
          var self = this, prefix = self.classPrefix, icon = '', closeButton = '', progressBar = '', notificationStyle = '';
  
          if (self.icon) {
            icon = '<i class="' + prefix + 'ico' + ' ' + prefix + 'i-' + self.icon + '"></i>';
          }
  
          if (self.color) {
            notificationStyle = ' style="background-color: ' + self.color + '"';
          }
  
          if (self.closeButton) {
            closeButton = '<button type="button" class="' + prefix + 'close" aria-hidden="true">\u00d7</button>';
          }
  
          if (self.progressBar) {
            progressBar = self.progressBar.renderHtml();
          }
  
          return (
            '<div id="' + self._id + '" class="' + self.classes + '"' + notificationStyle + ' role="presentation">' +
            icon +
            '<div class="' + prefix + 'notification-inner">' + self.state.get('text') + '</div>' +
            progressBar +
            closeButton +
            '</div>'
          );
        }
docs: Renders the control as a HTML string.
  
  @method renderHtml
  @return {String} HTML representing the control.