Badge

Displays a badge or a component that looks like a badge.

Badge

Installation ​

pnpm dlx shadcn-vue@latest add badge

Usage ​

vue
<script setup lang="ts">
import { Badge } from '@/components/ui/badge'
</script>

<template>
  <Badge>Badge</Badge>
</template>

Examples ​

Default ​

Badge

Secondary ​

Secondary

Outline ​

Outline

Destructive ​

Destructive
Edit this page on GitHub