Shadcn.io is not affiliated with official shadcn/ui
Announcement
Pill-shaped announcement badge for product updates in React
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.
Announcement preview
Scroll to load preview
Installation
Related 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.