# use-listener

### Module

```javascript
import { useListener } from "@atomico/hooks/use-listener";
```

### Syntax

```jsx
useListener(
    ref: Ref<Element>, 
    name: string, 
    handler: (event)=>void, 
    option?: boolean | AddEventListenerOptions 
);
```

### Example

{% embed url="<https://webcomponents.dev/edit/collection/n2tZyzx4LMKqk1jNE0e9/Rx9u5MaerjxvCc70iGz3/src/index.jsx>" %}