For a medium article

ionic-example-page.html

<!-- my-page.component.html --> 
<ion-content>
  <ion-list>
    <my-item-component *ngFor="let item of items" [item]="item"></my-item-component>
  <ion-list>
  <my-reusable-fab></my-reusable-fab>
</ion-content>
    
<!-- my-reusable-fab.component.html --> 
<ion-fab vertical="bottom" horizontal="right" slot="fixed">
  <ion-fab-button>
    <ion-icon name="share"></ion-icon>
  </ion-fab-button>
  <ion-fab-list side="top">
    <ion-fab-button><ion-icon name="logo-vimeo"></ion-icon></ion-fab-button>
  </ion-fab-list>
  <ion-fab-list side="bottom">
    <ion-fab-button><ion-icon name="logo-facebook"></ion-icon></ion-fab-button>
  </ion-fab-list>
  <ion-fab-list side="start">
    <ion-fab-button><ion-icon name="logo-instagram"></ion-icon></ion-fab-button>
  </ion-fab-list>
  <ion-fab-list side="end">
    <ion-fab-button><ion-icon name="logo-twitter"></ion-icon></ion-fab-button>
  </ion-fab-list>
</ion-fab>