mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +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.
51 lines
1.0 KiB
TypeScript
51 lines
1.0 KiB
TypeScript
"use client"
|
|
|
|
import { toast } from "sonner"
|
|
|
|
import {
|
|
Example,
|
|
ExampleWrapper,
|
|
} from "@/registry/bases/base/components/example"
|
|
import { Button } from "@/registry/bases/base/ui/button"
|
|
|
|
export default function SonnerExample() {
|
|
return (
|
|
<ExampleWrapper>
|
|
<SonnerBasic />
|
|
<SonnerWithDescription />
|
|
</ExampleWrapper>
|
|
)
|
|
}
|
|
|
|
function SonnerBasic() {
|
|
return (
|
|
<Example title="Basic" className="items-center justify-center">
|
|
<Button
|
|
onClick={() => toast("Event has been created")}
|
|
variant="outline"
|
|
className="w-fit"
|
|
>
|
|
Show Toast
|
|
</Button>
|
|
</Example>
|
|
)
|
|
}
|
|
|
|
function SonnerWithDescription() {
|
|
return (
|
|
<Example title="With Description" className="items-center justify-center">
|
|
<Button
|
|
onClick={() =>
|
|
toast("Event has been created", {
|
|
description: "Monday, January 3rd at 6:00pm",
|
|
})
|
|
}
|
|
variant="outline"
|
|
className="w-fit"
|
|
>
|
|
Show Toast
|
|
</Button>
|
|
</Example>
|
|
)
|
|
}
|