Maofeng
b3a7a2a8f5
Add composable wrappers for 37 Base UI component families. Expose primitive and convenience APIs with shared styling utilities. Add the registry manifest, installer CLI, generation and export checks. Include a smoke example covering primitive and shadcn-style imports.
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>
|
|
)
|
|
}
|