React Click Out
A simple component that triggers a callback function when click out.
Usage
Just import ClickOut
component and pass a function callback
as onClickOut
prop.
Critical change - callback prop renamed to onClickOut
;; state = clickedOut: false { this; } { const state: clickedOut setClickOutState } = this; return <div> <p style= color: clickedOut && 'red' >Hello</p> <ClickOut onClickOut=setClickOutState>there!</ClickOut> </div> ; }
API Reference
prop | description | default |
---|---|---|
onClickOut | click out callback function | - |
className | className | - |
container | sets container element tag | div |