Shadcn.io is not affiliated with official shadcn/ui
Banner
Dismissible announcement banner with icon, action button, and close for React
Full-width banner for the stuff that needs attention. Product launches, maintenance notices, Black Friday promos, cookie consent—the things that deserve a whole strip across the page. Dismissible with controlled or uncontrolled state (persist that dismissal to localStorage if you want). Icon on the left, message in the middle, CTA button and close X on the right. High-contrast colors by default so nobody misses it.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.