Badge

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge>Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge variant="outline">Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge variant="secondary">Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge variant="destructive">Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge variant="info">Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge variant="success">Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge variant="warning">Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge variant="error">Значок</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge size="sm">Значок</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge size="lg">Бейдж</Badge>;
}

import { IconCheck } from "@tabler/icons-react";
import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return (
    <Badge variant="outline">
      <IconCheck aria-hidden="true" stroke={1.5} />
      Подтверждено
    </Badge>
  );
}

import Link from "next/link";
import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge render={<Link href="/" />}>Бейдж</Badge>;
}

import { Badge } from "@/components/ui/badge";

export default function Particle() {
  return <Badge className="rounded-full">7</Badge>;
}