40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
|
import Dialog, {
|
||
|
|
Dialog as ShadcnDialog,
|
||
|
|
DialogClose,
|
||
|
|
DialogContent,
|
||
|
|
DialogDescription,
|
||
|
|
DialogTitle,
|
||
|
|
DialogTrigger,
|
||
|
|
} from "@/components/ui/dialog"
|
||
|
|
import Button, { Button as UIButton } from "@/components/ui/button"
|
||
|
|
|
||
|
|
export function Smoke() {
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<Button focusableWhenDisabled>Primitive-style button</Button>
|
||
|
|
<UIButton>Named button</UIButton>
|
||
|
|
|
||
|
|
<Dialog.Root>
|
||
|
|
<Dialog.Trigger>Primitive dialog</Dialog.Trigger>
|
||
|
|
<Dialog.Portal>
|
||
|
|
<Dialog.Backdrop />
|
||
|
|
<Dialog.Popup>
|
||
|
|
<Dialog.Title>Primitive dialog</Dialog.Title>
|
||
|
|
<Dialog.Description>Default namespace API.</Dialog.Description>
|
||
|
|
<Dialog.Close>Close</Dialog.Close>
|
||
|
|
</Dialog.Popup>
|
||
|
|
</Dialog.Portal>
|
||
|
|
</Dialog.Root>
|
||
|
|
|
||
|
|
<ShadcnDialog>
|
||
|
|
<DialogTrigger>Named dialog</DialogTrigger>
|
||
|
|
<DialogContent>
|
||
|
|
<DialogTitle>Named dialog</DialogTitle>
|
||
|
|
<DialogDescription>Named shadcn-style API.</DialogDescription>
|
||
|
|
<DialogClose>Close</DialogClose>
|
||
|
|
</DialogContent>
|
||
|
|
</ShadcnDialog>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|