@miyauci/react-click-outside

react custom hooks for outside click

Usage no npm install needed!

<script type="module">
  import miyauciReactClickOutside from 'https://cdn.skypack.dev/@miyauci/react-click-outside';
</script>

README

logo image

npm version bundle size npm download npm type definitions Commitizen friendly Gitmoji semantic-release code style: prettier License: MIT

@miyauci/react-click-outside

:truck: Install

npm i -s @miyauci/react-click-outside
or
yarn add @miyauci/react-click-outside

:bulb: Usage

This provides React Custom Hooks.

import React, { useRef } from 'react'
import { useClickOutside } from '@miyauci/react-click-outside'

const App: FC = () => {
  const ref = useRef<HTMLElement>(null)
  const onClick = () => console.log('Outside clicked')

  useClickOutside(ref, onClick)

  return (
    <div>
      Outer
      <div ref={ref}>
        <div>Inter</div>
      </div>
    </div>
  )
}

:revolving_hearts: Related