mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-01 00:24:20 +00:00
24 lines
702 B
TypeScript
24 lines
702 B
TypeScript
import { Loader2Icon, MailOpenIcon } from "lucide-react"
|
|
|
|
import { Button } from "@/registry/new-york-v4/ui/button"
|
|
|
|
export function ButtonDemo() {
|
|
return (
|
|
<div className="flex flex-col items-center gap-2 md:flex-row">
|
|
<Button>Button</Button>
|
|
<Button variant="outline">Outline</Button>
|
|
<Button variant="ghost">Ghost</Button>
|
|
<Button variant="destructive">Destructive</Button>
|
|
<Button variant="secondary">Secondary</Button>
|
|
<Button variant="link">Link</Button>
|
|
<Button>
|
|
<MailOpenIcon /> Login with Email
|
|
</Button>
|
|
<Button disabled>
|
|
<Loader2Icon className="animate-spin" />
|
|
Please wait
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|