Chips

The v-chip component is used to convey small pieces of information. Using the close property, the chip becomes interactive, allowing user interaction.This component is used by the v-chip-group for advanced selection options.

 
<v-chip>Default</v-chip>
<v-chip close>Close</v-chip>
<v-chip outlined>Outlined</v-chip>
<v-chip v-model="value" filter>Filter</v-chip>
<v-chip pill>
<v-avatar left color="red">P</v-avatar>Pill
</v-chip>
<v-chip>
<v-icon left color="red">mdi-account</v-icon> Icon
</v-chip>
Last Updated 5 years ago
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages