designali
examplealert-02source: ok · hit
Alert 02
Alert with icon showcase
npx shadcn add "https://designali.com/r/alert-02.json"free
No selection tags yet — empty means no evidence, not lack of support.
Files1 · source cached 10/10/2026, 12:22:20 AM
registry/designali/examples/alert/alert-02.tsx
import { InfoIcon } from "lucide-react";
import {
Alert,
AlertDescription,
AlertTitle,
} from "@workspace/ui/components/alert";
export default function AlertDemo() {
return (
<Alert className="max-w-80">
<InfoIcon />
<AlertTitle>Designali UI</AlertTitle>
<AlertDescription>
Explore beautiful, customizable components built for modern web applications.
</AlertDescription>
</Alert>
);
}