mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
zeekay
16c4453cc1
Squash merge of shadcn-ui/ui main branch into hanzo/ui, bringing in: - [email protected] through [email protected] releases - New apps/v4 directory structure - Registry system improvements and MCP server - Framework support (Vue, Svelte, React Native) - New templates (vite-app, monorepo-next, laravel) - Zod 4 compatibility (scoped override for zod@>4) - Test fixture corrections for alias resolution All 867 merge conflicts resolved preserving Hanzo customizations. 1020/1020 shadcn tests pass.
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from "lucide-react"
|
|
|
|
import {
|
|
Alert,
|
|
AlertDescription,
|
|
AlertTitle,
|
|
} from "@/registry/new-york-v4/ui/alert"
|
|
|
|
export default function AlertDemo() {
|
|
return (
|
|
<div className="grid w-full max-w-xl items-start gap-4">
|
|
<Alert>
|
|
<CheckCircle2Icon />
|
|
<AlertTitle>Success! Your changes have been saved</AlertTitle>
|
|
<AlertDescription>
|
|
This is an alert with icon, title and description.
|
|
</AlertDescription>
|
|
</Alert>
|
|
<Alert>
|
|
<PopcornIcon />
|
|
<AlertTitle>
|
|
This Alert has a title and an icon. No description.
|
|
</AlertTitle>
|
|
</Alert>
|
|
<Alert variant="destructive">
|
|
<AlertCircleIcon />
|
|
<AlertTitle>Unable to process your payment.</AlertTitle>
|
|
<AlertDescription>
|
|
<p>Please verify your billing information and try again.</p>
|
|
<ul className="list-inside list-disc text-sm">
|
|
<li>Check your card details</li>
|
|
<li>Ensure sufficient funds</li>
|
|
<li>Verify billing address</li>
|
|
</ul>
|
|
</AlertDescription>
|
|
</Alert>
|
|
</div>
|
|
)
|
|
}
|