[Solved] Is there a way to use a q-spinner (or SVG) as the icon for a q-route-tab?



  • Hi all,

    Does anyone know if there’s a way to use a q-spinner as the icon for a q-route-tab?

    1022bd69-2038-414f-accf-d4d23b4c8c55-image.png

    I’m already using a spinning font-awesome icon, as shown below in the Moira tab, but it would be great to be able to use the q-spinner svg as an icon.

    1a125d66-3828-4727-8c00-0322a4d353e8-image.png

    <q-route-tab to="/moira" :ripple="false" name="moira" icon="fa fa-spinner fa-spin" label="Moira (dt)"/>
    

    Has anyone done this or have any ideas?



  • @Q-Brad I think you can use the default slot of q-route-tab instead of icon + label properties

    <q-route-tab to="/moira" :ripple="false" name="moira">
      <q-spinner/>
      Moira (dt)
    </q-route-tab>


  • @tof06 Ugh… I didn’t think of that. I just tried it - it works. Thanks!


Log in to reply