Skip to content

Badge ​

Display a short text to represent a status or a category.

Examples ​

DefaultDefaultDefaultDefaultDefaultDefaultDefault
vue
<template>
  <v-badge color="default">Default</v-badge>
  <v-badge color="dark">Default</v-badge>
  <v-badge color="green">Default</v-badge>
  <v-badge color="red">Default</v-badge>
  <v-badge color="yellow">Default</v-badge>
  <v-badge color="purple">Default</v-badge>
  <v-badge color="pink">Default</v-badge>
</template>

Props ​

Slots ​

Events ​