In the code snippet below, I am using a v-select element to display a list of items filled from an array:
<v-select v-model="myModel"
:items="users"
chips
:readonly="!item.Active"
label="Required users to finalize"
item-text="NAME"
item-value="ID"
multiple
filled
return-object
>
</v-select>
The array contains the following data:
[{NAME: "NAME1", ID: "001", IS_ACTIVE: true},{NAME: "NAME2", ID: "002", IS_ACTIVE: false} ]
I want to customize the appearance of the v-select chips by adding a checkmark next to active users. The desired v-chip structure is as follows:
<v-chip
class="ma-2"
color="teal"
text-color="white"
>
<v-avatar left>
<v-icon>mdi-checkbox-marked-circle</v-icon>
</v-avatar>
</v-chip>
Is it possible to integrate a v-chip with an icon in this v-select component?