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