usePopover

팝오버 매니저 팩토리 함수

새로운 팝오버 열기

팝오버 상태를 관리하는 훅

@description 팝오버의 열림/닫힘 상태를 관리하고, 다른 팝오버가 열릴 때 자동으로 기존 팝오버를 닫는 기능을 제공합니다.

@example

const PopoverComponent = () => {
  const { isOpen, onClickTrigger, closeCurrentPopover, popoverSelector } = usePopover({
    popoverSelector: '.my-popover'
  });
 
  return (
    <Popper>
      <Popper.Trigger isOpen={isOpen} onClick={onClickTrigger}>
        팝오버 열기/닫기
      </Popper.Trigger>
 
      <Popper.Portal>
        <div className="my-popover">
          <p>팝오버 내용</p>
          <button onClick={closeCurrentPopover}>닫기</button>
        </div>
      </Popper.Portal>
    </Popper>
  );
};

useParentElementClick useResizeObserver