ilokesto

ClickAway

ClickAway는 element 바깥에서 pointer 또는 touch 이벤트가 발생할 때 onClickAway를 호출합니다. ref는 underlying div로 전달됩니다. popover, dropdown, menu를 닫을 때 적합합니다.

import { ClickAway } from '@ilokesto/utilinent';

<ClickAway onClickAway={() => setOpen(false)}>{children}</ClickAway>

프로퍼티

PropType설명
onClickAway(event) => void바깥 pointer/touch 이벤트에서 호출됩니다.
ignoreRefObject[]"안쪽"으로 간주할 추가 ref들입니다.
pointerEventsbooleanmousedown/touchstart 대신 pointerdown을 감지합니다.

표준 div props와 ref가 전달됩니다.

목차