How to place an ion-label underneath an ion-fab-button?

@Sweg wrote:

Is it possible to have an ion-label placed just underneath an ion-fab-button?

At the moment, it is appearing like this:

But I want it to display like so:

Here is my current HTML & CSS:

<ion-fab class="ion-fab">
        <ion-fab-button color="light">
          <ion-label class="ion-text-wrap">HOME</ion-label>
            <ion-icon name="home-outline" color="primary"></ion-icon>
        </ion-fab-button>
</ion-fab>

.ion-fab {
  bottom: 20px;
  z-index: 400;
  width: 100%;
  display: flex;
  justify-content: space-around;
}

Posts: 1

Participants: 1

Read full topic