Announcement Badge

An announcement pill badge with a bold tag, message, and optional link arrow for hero sections.

NewThe Auralis studio set is live

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Badge21 } from "@/components/beste/component/badge21";

// With href the whole pill is a link and shows a trailing arrow.
<Badge21 tag="New" text="The Auralis studio set is live" href="/changelog" />

<Badge21
  tag="v2.0"
  text="Now with 1,400+ blocks"
  tone="foreground"   // tag chip: "primary" (default) | "foreground"
/>