• Onsen UI

    Represents a tab inside tabbar. Each ons-tab represents a page.

    Click here to see the original article

  • For some reason my icons are not centred. How do you centre your icons?

  • @Vincent-Bastos Well actually they are centered by default. Here’s a demo.

    Most likely you have some sort of style which is overriding the default one.
    You should be able to fix it by writing

    .tab-bar__button {
      text-align: center;

    in a css file and include it. Alternatively you could just write style="text-align: center" in the ons-tab elements.

Log in to reply