Announcement Tag 1 - With tag

Pro

Announcement with an AnnouncementTag label prefix before the message text.

Shadcn Announcement Tag 1 component

Component data

ID
announcement/announcement-tag-1
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Announcement Tag 1 component design & features

This example adds an AnnouncementTag sub-component inside Announcement to label the message category, such as Beta or New. The tag renders as a compact pill separate from the main announcement text.

Tagged announcements help users scan message type quickly, useful for release channels, changelog banners, and status indicators on product pages.