design1online/react-trap

Detect dom events inside or outside an element

react-trap

Detect dom events inside or outside an element

Live Demo, playground & DOCS

Install

npm install --save react-trap

Usage

import React from 'react'
import Trap from 'react-trap'

class App extends React.Component {
  render () {
    return (
      <Trap event="click">
        {
          (trapped, ref) => (
            <div ref={ref}>
              {trapped ? "I'm focused" : "I'm out of focus"}
            </div>
          )
        }
      </Trap>
    )
  }
}

License

MIT © sag1v