shadcn-ui/apps/v4/components/announcement.tsx

import Link from "next/link"
import { ArrowRightIcon } from "lucide-react"

import { Badge } from "@/registry/new-york-v4/ui/badge"

export function Announcement() {
  return (
    <Badge asChild variant="secondary" className="rounded-full">
      <Link href="/docs/changelog">
        <span className="flex size-2 rounded-full bg-blue-500" title="New" />
        New Components: Field, Input Group, Item and more <ArrowRightIcon />
      </Link>
    </Badge>
  )
}