# react-onclickoutside

**Repository Path**: mirrors_davidtheclark/react-onclickoutside

## Basic Information

- **Project Name**: react-onclickoutside
- **Description**: An onClickOutside mixin for React components
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-03-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# An onClickOutside mixin for React components

## installation

If you have Node.js needs, you can install this mixin via `npm`, using:

```
npm install react-onclickoutside --save
```

(or `--save-dev` depending on your needs). You then use it in your components as:

```
var Component = React.createClass({
  mixins: [
    require('react-onclickoutside')
  ],

  handleClickOutside: function(evt) {
    // ...handling code goes here...
  }
});
```

If you have plain-old-browser needs, you can install this mixin via `bower`, using:

```
bower install react-onclickoutside
```

and then include it as script via:

```
<script src="bower_components/react-onclickoutside/index.js"></script>
```

Then use it as:

```
var Component = React.createClass({
  mixins: [
    OnClickOutside
  ],

  handleClickOutside: function(evt) {
    // ...handling code goes here...
  }
});
```

For bugs and enhancements hit up https://github.com/Pomax/react-onclickoutside/issues