💙 Ionic 3: Fabs with label

readme.md

in SCSS add :

button[ion-fab] {
  overflow: visible;
  position: relative;

  ion-label {
      position: absolute;
      top: -8px;
      right: 40px;

      color: white;
      background-color: rgba(0,0,0,0.7);
      line-height: 24px;
      padding: 4px 8px;
      border-radius: 4px;
  }
}

.fab{
  contain: layout;
}

in your HTML add < ion-label >

<ion-fab-list side="top">

          <button ion-fab color="danger">
            <ion-icon name="information-circle"></ion-icon>
            <ion-label>TEXT HERE</ion-label>
          </button>
          
          <button ion-fab color="danger">
           ...
          </button>
          
        </ion-fab-list>