docs: function Tab(tab, ctx) {
  	if (tab) {
  			var rippleContainer = document.createElement('span');
  			u.addClass(rippleContainer,ctx._CssClasses.U_RIPPLE_CONTAINER);
  			u.addClass(rippleContainer,ctx._CssClasses.U_JS_RIPPLE_EFFECT);
  			var ripple = document.createElement('span');
  			u.addClass(ripple,ctx._CssClasses.U_RIPPLE);
  			rippleContainer.appendChild(ripple);
  			tab.appendChild(rippleContainer);
  
        tab.ripple = new u.Ripple(tab)
  
  
  		tab.addEventListener('click', function(e) {
  			u.stopEvent(e);
  			// e.preventDefault();
  			var href = tab.href.split('#')[1];
  			var panel = ctx.element.querySelector('#' + href);
  			ctx.resetTabState_();
  			ctx.resetPanelState_();
  			u.addClass(tab,ctx._CssClasses.ACTIVE_CLASS);
  			u.addClass(panel,ctx._CssClasses.ACTIVE_CLASS);
  		});
  
  	}
  }