Gradient Outline Badge

1import { Badge } from "@/registry/ui/badge";
2 
3const BadgeGradientOutlineDemo = () => {
4  return (
5    <div className="flex items-center justify-center rounded-full bg-linear-to-r from-sky-400 to-indigo-600 p-0.5">
6      <Badge className="rounded-full border-none bg-background text-foreground">
7        Gradient Outline
8      </Badge>
9    </div>
10  );
11};
12 
13export default BadgeGradientOutlineDemo;