Ion-tabs - Active Tab Anchor


#1

How to make the anchor for tab selection as highlighted in the picture?


#2
.tab-item {
    border-right: 1px solid rgba(181, 181, 189, 1.0);
    position: relative;
    display: inline;
}
.tab-item.tab-item-active.tab-item.tab-item-active::after {
   width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1.4em 1.4em 1.4em;
  border-color: transparent transparent rgba(50,60,68,1.0) transparent;
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  margin-left: -14px; 
}

By adding the above class… we could achieve the required UI. Sharing for others benefits.