Components
Stacked Notification Banners
A vertical stack of dismissible notification banners, each with an icon, title, body and close button that removes it individually.
import { Banner12 } from "@/components/ui/banner-12";
export default function Default() {
return (
<div className="flex min-h-[400px] w-full items-center justify-center bg-background p-6">
<div className="w-full max-w-md">
<Banner12 />
</div>
</div>
);
}