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

    Trouble closable q-chip (QChip)

    Framework
    2
    3
    768
    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.
    • lucassbgomes
      lucassbgomes last edited by

      Good evening guys, I’m having a problem with the q-chip component! When I add a simple q-chip with closable <q-chip closable color = “red”> Lucas </ q-chip> it is not possible to remove the q-chip by clicking the close icon! Can someone help me?

      1 Reply Last reply Reply Quote 0
      • C
        chbarr last edited by chbarr

        According to the doc:

        When using closable property a close button will be displayed on the right side.
        When clicking/tapping on the button the @hide event will be triggered.
        This does not removes the chip by itself. You will have to handle it yourself.
        

        So you must listen to the hide event. Example with jsfiddle:
        https://jsfiddle.net/0effww7o/1/

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

          Many thanks, it worked!

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