Announcement
A pill banner for one piece of news. A light sweeps across it on a slow loop so it reads as live without demanding attention.
DisplayServer safelucide-react
Preview
newHolo avatars just landed
Registry mirrors sync every 15 minutes
Installation
The CLI writes the source into your project and pulls in whatever it depends on.
$
pnpm dlx shadcn@latest add @duck/announcementPulls in @duck/theme. Already installed items are skipped.
Usage
import { Announcement } from "@/components/ui/announcement"The file lands in components/ui/announcement.tsx and belongs to you from that point on. Edit it in place rather than wrapping it.
Props
Everything not listed here is forwarded to the underlying element.
| Prop | Type | Default | Description |
|---|---|---|---|
| tag | string | - | Short label in the leading chip, for example "new". |
| href | string | - | Turns the banner into a link. |
| arrow | boolean | href ? true : false | Trailing arrow that slides on hover. |