> For the complete documentation index, see [llms.txt](https://iron-network.gitbook.io/vuely/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://iron-network.gitbook.io/vuely/vuely-vuejs/ui-components/chips.md).

# 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](https://vuetifyjs.com/components/chip-groups) for advanced selection options.

```markup
<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>
```