Using buttons on ion-footer


#1

I would like to use social media buttons on ion-footer. I’ve tried some like this:

<ion-footer>
  <ion-toolbar>
    <button ion-fab>Button</button>
    <button ion-fab>Button</button>
    <button ion-fab>Button</button>
  </ion-toolbar>
</ion-footer>

But when I do that, the buttons are one underneath the other and they are in the left side. How can I leave the buttons centralized and side by side on the footer?


#2

@ygorfraga you should check css for this. Your each button’s .width: 100% so they occupy each line.
you can try something like:

.button-style {
    display: block;
  }

for your button.