Badge

Use badges for status, counts, labels, and compact metadata.

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

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

Variants: default, secondary, destructive, outline, ghost, and link. Render as a link by passing an as="a" (or as-child) prop.