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.
Registry build completed
Seven components were generated and are ready to install from your preview domain.
Install
After building the registry and starting the dev server, run this command in a consuming project.
install
pnpm dlx shadcn@latest add http://localhost:3000/r/notification-banner.jsonSource and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source path
registry/default/notification-banner/notification-banner.tsxRegistry dependencies
alertbutton
NPM dependencies
lucide-react