active-icon attr of ons-tab does not work



  • I created new project from monaca with default “Onsen UI” option. I selected “Onsen UI V2 JS Tabbar” template.

    <ons-page>
        <ons-toolbar>
          <div class="center" id="toolbar-title"></div>
        </ons-toolbar>
        <ons-tabbar position="auto">
          <ons-tab label="Tab 1" icon="ion-social-bitcoin-outline" active-icon="ion-social-bitcoin" page="tab1.html" active>
          </ons-tab>
          <ons-tab label="Tab 2" icon="ion-social-bitcoin-outline" active-icon="ion-social-bitcoin" page="tab2.html">
          </ons-tab>
        </ons-tabbar>
      </ons-page>
    

    I added active-icon attr into ons-tab as mention in document. I expected to get different icon while tab was selected. Am I missing something? This quite a simple setup.

    Bests,


  • Onsen UI

    @Tanut-Apiwong Looks like this was an open issue already. I fixed it, should be good for the next release. Thank you :+1:


Log in to reply