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'constPage: Component=()=>(<OutsideClickHandleronOutsideClick={()=>console.log('Outside!')}><div>Hello ✨</div></OutsideClickHandler>)

Using the hook

import{Component,onMount}from'solid-js'import{useOutsideClickHandler}from'solid-outside-click-handler'constPage: Component=()=>{letrefonMount(()=>{useOutsideClickHandler(ref,()=>console.log('Outside!'))})return(<divref={ref}>Hello ✨</div>)}

License

MIT