Alert

1import { Alert } from "passport-ui";
2import { InfoIcon } from "lucide-react";

1<Alert
2  title="Heads up!"
3  description="You can add components and dependencies to your app using the cli."
4  icon={<InfoIcon />}
5/>
6 
7{/* With variants */}
8<Alert
9  variant="warning"
10  title="Warning"
11  description="Please review this information carefully before proceeding."
12  icon={<AlertTriangleIcon />}
13/>