import { X } from "lucide-react"
import Link from "next/link"
import { Alert, AlertTitle } from "../../../components/ui/alert"
export function Alert1() {
return (
<div className="p-4">
<Alert className="flex items-center justify-between gap-2">
<AlertTitle>
Example for a banner
</AlertTitle>
<Link href="#">
<X className="w-4 h-4" />
</Link>
</Alert>
</div>
)
}
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
