No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

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

    Framework
    2
    3
    239
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Q-Brad
      Q-Brad last edited by Q-Brad

      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?

      T 1 Reply Last reply Reply Quote 0
      • T
        tof06 @Q-Brad last edited by

        @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>
        Q-Brad 1 Reply Last reply Reply Quote 1
        • Q-Brad
          Q-Brad @tof06 last edited by

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

          1 Reply Last reply Reply Quote 0
          • First post
            Last post