Custom ID 지정하기

overlayId를 사용자가 직접 주입해서 대체할 수 있어요. string을 입력해주세요.

function Demo() {
  const openDialog = () => {
    overlay.open(
      ({ isOpen, close, unmount }) => {
        return <Dialog open={isOpen} onClose={close} onExit={unmount} />;
      },
      { overlayId: 'customId' }
    );
  };

  return <Button onClick={openDialog}>Open dialog</Button>;
}

주의할 점

overlay-kit은 overlayId를 컴포넌트의 key로 사용하고 있어요. Custom ID가 중복되지 않도록 주의하세요.