Announcement
Pill-shaped announcement badge for product updates in React
Announcement preview
Scroll to load preview
A rounded badge for announcing product updates, feature releases, or version bumps. Includes an optional tag ("New", "Beta"), hover shadow, and text truncation. Place it above your hero headline.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the announcement component into my projectRelated Components
Pill
Simple status pill
Banner
Full-width announcement
Status
Status indicator
Limelight Nav
Highlighted navigation
FAQ
Was this page helpful?
Sign in to leave feedback.