# ClickOutside
To implement ClickOutside component into your project you'll need to add the import:
```jsx
import ClickOutside from "@kiwicom/orbit-components/lib/ClickOutside";
```
After adding import into your project you can use it simply like:
```jsx
<ClickOutside onClickOutside={...} >
  <div>
    Content
  </div>
</ClickOutside>
```
## Props
Table below contains all types of the props available in the ClickOutside component.

| Name            | Type                                        | Default         | Description                      |
| :-------------- | :------------------------------------------ | :-------------- | :------------------------------- |
| children        | `React.Node`                                |                 | The content of the ClickOutside to render.
| dataTest        | `string`                                    |                 | Optional prop for testing purposes.
| onClickOutside  | `(ev: MouseEvent) => void \| Promise<any>`  |                 | Function for handling onClickOutside event.