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

    Chips count

    Help
    3
    5
    1121
    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
      danielo515 last edited by

      Hello ,

      I’m wondering if it is possible to set a count inside a chip. Something like a tag that shows it’s count . I think it should not be hard because the close button of the chip already have the perfect shape, so it should be just a matter of adapting it.

      I also want to suggest to make the detail configurable. Currently you can only set it an icon on the left side, while for my case a number of the right side fits better .

      Regards

      1 Reply Last reply Reply Quote 0
      • E
        Emptyless last edited by

        Can you use a QChip with some styling inside your chip? e.g.

        <q-chip color=“primary”> Text with some number on the end <q-chip color=“white” class=“text-black” style=“height: 70%; margin-left: 5px; margin-right: -6px;”>10</q-chip></q-chip>

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

          Hello. Nesting chips is what I have tried. After some styling I finally get something acceptable. However I feel that it should be an easier task taking in account that the feature already exists for the close button

          1 Reply Last reply Reply Quote 0
          • rstoenescu
            rstoenescu Admin last edited by

            See “Chip with detail”.

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

              @rstoenescu if you mean the detail property that does not fit my needs. according the documentation it only can be an icon or a remote image

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