shadcn-ui/apps/v4/examples/base/alert-basic.tsx

import { Alert, AlertDescription, AlertTitle } from "@/examples/base/ui/alert"
import { CheckCircle2Icon } from "lucide-react"

export default function AlertBasic() {
  return (
    <Alert className="max-w-md">
      <CheckCircle2Icon />
      <AlertTitle>Account updated successfully</AlertTitle>
      <AlertDescription>
        Your profile information has been saved. Changes will be reflected
        immediately.
      </AlertDescription>
    </Alert>
  )
}