Badge

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

Badge

Installation

bash
npx 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