Socket
Socket
Sign inDemoInstall

outside-click-handler

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

outside-click-handler - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

2

package.json
{
"name": "outside-click-handler",
"version": "1.0.5",
"version": "1.0.6",
"description": "Outside click handler for React",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -6,2 +6,11 @@

This component is designed to handle all clicks outside, for example, to open and close modal windows.
## Features
- Easy to use
- Tests covered
- Flowtype definitions
- Lightweight (2.8kb gzip)
## API

@@ -12,3 +21,3 @@

```
````js
type Props = {

@@ -18,5 +27,31 @@ children: React.Node,

};
```
````
## How to use
````js
class Wrapper extends React.Component {
onClick = () => this.setState({ isShownHidden: !this.state.isShownHidden });
render() {
const { isShownHidden } = this.state;
return (
<OutsideClickHandler onOutsideClick={this.onClick}>
<span>Im your child!</span>
{isShownHidden && <span>Im your hidden child!</span>}
</OutsideClickHandler>
);
}
}
````
## Performance
If you want to use a component in lists, use conditions or methods to avoid poor performance.
## Support
If you have any questions, please email me at botev.st@gmail.com or open the issue.
To use static typing, make sure [that you have installed Flow](https://flow.org/en/docs/install).
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc