1.0.4 • Published 3 years ago

@miyauci/react-click-outside v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

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