solid-outside-click-handler

Detect and handle clicks outside a Solid component.

Usage

Installation

npm install solid-outside-click-handler --save
yarn add solid-outside-click-handler ## or in yarn

Example

Using the HOC

import { Component } from 'solid-js'
import { OutsideClickHandler } from 'solid-outside-click-handler'


const Page: Component = () => (
  <OutsideClickHandler
    onOutsideClick={ () => console.log('Outside!') }
  >
    <div>Hello ✨</div>
  </OutsideClickHandler>
)

Using the hook

import { Component, onMount } from 'solid-js'
import { useOutsideClickHandler } from 'solid-outside-click-handler'


const Page: Component = () => {
  let ref

  onMount(() => {
    useOutsideClickHandler(ref, () => console.log('Outside!'))
  })

  return (
    <div ref={ ref }>Hello ✨</div>
  )
}

License

MIT