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