Back to components
Feedback

Notification Banner

A compact alert banner with an inline action.

Preview
This is the same source that shadcn installs from the generated JSON.
Install
After building the registry and starting the dev server, run this command in a consuming project.
installpnpm dlx shadcn@latest add http://localhost:3000/r/notification-banner.json
Source and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source pathregistry/default/notification-banner/notification-banner.tsx
Registry dependencies
alertbutton
NPM dependencies
lucide-react