@kcuf-hook/use-click-away

Installation

npm install @kcuf-hook/use-click-away


## Usage

```tsx
import {
  ReactElement
} from 'react';

import useClickAway from '@kcuf-hook/use-click-away';

export default function SomeComponent(): ReactElement {
  const refClickAway = useClickAway(() => {
    console.info('clicked away');
  });
  
  return <div ref={refClickAway} />;
}

FAQ

How to ignore?

Use data-click-away-ignore in the element you want to ignore.

How to ignore in special?

Use data-click-away-ignore="special" in the element you want to ignore, and useClickAway(callback, 'special').