Modal

// modal.tsx
export function Modal() {
  return <div>Modal</div>;
}

// trigger.tsx
import { useModal } from "@notion-kit/modal";
import { Button } from "@notion-kit/shadcn";

import { Modal } from "./modal";

export const Trigger = () => {
  const { openModal } = useModal();
  const handleClick = () => openModal(<Modal />);

  return <Button onClick={handleClick}>Open</Button>;
};

// index.tsx
import { ModalProvider } from "@notion-kit/modal";

import { Trigger } from "./trigger";

export default function App() {
  return (
    <ModalProvider>
      <Trigger />
      {...}
    </ModalProvider>
  );
}