solid-outside-click-handler


Detect and handle clicks outside a Solid component.

Usage

Installation

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

Example

$3

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


const Page: Component = () => (
onOutsideClick={ () => console.log('Outside!') }
>

Hello ✨

)
`

$3

`tsx
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 (

Hello ✨

)
}
``

License

MIT