[Feature Request] New v-chip selectable prop

Problem to solve

When we don’t want the v-chip component to be selectable, it would be nice to have a selectable=false option. As far as I’m concerned, I sometimes want to only have the close that is clickable. It would result in an unclickable v-chip, which wouldn’t change on hover or on click. Because it triggers active changes,…

Proposed solution

Add a selectable prop, true by default if you want, which would enables developpers to chose if it can be clicked/selected or not.

[ElijahKotyluk]

The v-chip component has a disabled prop that gives the result you are looking for.

[laurent-brisbois]

Here is the v-chip I use :

<v-chip
   v-for="group in user.groupIds"
   :key="group.id"
   close
   @click:close="removeGroupFromUser(group)">
   {{ group.name }}
</v-chip>

It does this :

The thing is when I hover on it, the pointer is the little hand and it looks clickable (it even change color on hover) and so it looks like a button that doesn’t work. What I’d like with the selectable=false thing, is that it doesn’t change on hover (color and pointer) except for the close button.

Note that with the disabled it gives this : and the icon is no longer clickable.