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

    Gradient colors in components with color property

    Help
    2
    4
    1716
    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.
    • D
      DarkPenguin last edited by

      Is it possible to have gradient colors in components like buttons, chips or any other component that have a color property?
      I have tried something like this without success

      q-chip color="linear-gradient(to right, red , yellow)" @click="onClick">GRADIENT CHIP</q-chip>
      
      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman last edited by metalsadman

        not along with color i think, so i guess do it on style with background set. ie <q-chip style="background:linear-gradient(to right, red , yellow)" @click="onClick">GRADIENT CHIP</q-chip>

        1 Reply Last reply Reply Quote 0
        • D
          DarkPenguin last edited by DarkPenguin

          Thanks for the reply, I wonder if there’s a more ‘quasar’ way of doing this without needing to set style.
          I also tried using class, but it looks like quasar overwrite it. It only works with !important when using class.

          What a need is a button or chip with grandient background. Is there a better way to do this without using inline style? By ‘better way’ I mean using quasar resources.

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

            i believe non atm, maybe ask for it to be a feature in their github.

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