Badge

import { Badge } from "@/components/ui/badge";
 
export function BadgeDemo() {
  return <Badge>Badge</Badge>;
}

import { Badge } from "@/components/ui/badge";
 
export function BadgeDemo() {
  return <Badge>Badge</Badge>;
}

import { Badge } from "@/components/ui/badge";
 
export function BadgeSecondary() {
  return <Badge variant="secondary">Secondary</Badge>;
}

import { Badge } from "@/components/ui/badge";
 
export function BadgeOutline() {
  return <Badge variant="outline">Outline</Badge>;
}

import { Badge } from "@/components/ui/badge";
 
export function BadgeDesctructive() {
  return <Badge variant="destructive">Destructive</Badge>;
}