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

    Is there any way to change the icon on a `q-select`?

    Framework
    4
    6
    2443
    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.
    • T
      toymachiner62 last edited by

      I want to change the icon on the q-select and q-toolbar and I don’t see any way to do this in the docs https://quasar-framework.org/components/select.html

      I see there is a no-icon directive, but nothing like the q-collapsible docs have for collapse-icon https://quasar-framework.org/components/collapsible.html#Vue-Properties

      How can I change these icons?

      1 Reply Last reply Reply Quote 0
      • M
        Max last edited by Max

        https://quasar-framework.org/guide/app-quasar.conf.js.html#framework-Property

        iconset is what you are looking for…

        “what icon set to use for Quasar components”

        1 Reply Last reply Reply Quote 0
        • T
          toymachiner62 last edited by

          Not at all what i’m asking.

          I want to explicitly choose which icon to use for the q-select and the q-toolbar. I’ve already changed my default iconset to font-awesome pro

          M 1 Reply Last reply Reply Quote 0
          • s.molinari
            s.molinari last edited by

            For QSelect:

            http://jsfiddle.net/smolinari/20geuaqo/

            For QToolbar, I’m not sure what you mean, as there is no hardcoded icon in the toolbar.

            Scott

            1 Reply Last reply Reply Quote 1
            • M
              Max @toymachiner62 last edited by

              @toymachiner62 said in Is there any way to change the icon on a `q-select`?:

              Not at all what i’m asking.

              I want to explicitly choose which icon to use for the q-select and the q-toolbar. I’ve already changed my default iconset to font-awesome pro

              ok sry…scott has your answer 🙂

              1 Reply Last reply Reply Quote 0
              • rubs
                rubs last edited by

                As of 2020 (v. 1.8.2), I believe the correct answer in would be this.$q.iconSet.arrow.dropdown = 'arrow_downward'.

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