use-onclickoutside

React hook for listening for clicks outside of an element.

Usage no npm install needed!

<script type="module">
  import useOnclickoutside from 'https://cdn.skypack.dev/use-onclickoutside';
</script>

README

use-onclickoutside

React hook for listening for clicks outside of an element.

Usage

import * as React from 'react'
import useOnClickOutside from 'use-onclickoutside'

export default function Modal({ close }) {
  const ref = React.useRef(null)
  useOnClickOutside(ref, close)

  return <div ref={ref}>{'Modal content'}</div>
}