# wrClickOutside

> Emits when a mousedown lands outside the host. Useful for dismissing inline popovers / inline edit fields.

Source: https://ngwr.dev/reference/directives/click-outside  
Kind: Directive

## Import

```angular-ts
import { WrClickOutside } from 'ngwr/directives';
```

## Usage

```angular-html
<div class="popup" (wrClickOutside)="close()"> … </div>
```

## API

| Name | Description | Type | Default |
| --- | --- | --- | --- |
| `(wrClickOutside)` | Emits when a mousedown event lands outside the host element. | `MouseEvent` | `—` |