> ## Documentation Index
> Fetch the complete documentation index at: https://ng-primitives.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Resize

> Perform actions on element resize.

<iframe style={{ width: '100%', height: '378px', borderRadius: 12 }} src="https://ng-primitives.github.io/ng-primitives/#/examples/resize" />

## Usage

Assemble the resize directives in your template.

```html
<div (ngpResize)="onResize($event)"></div>
```

## API Reference

The following directives are available to import from the `@ng-primitives/ng-primitives/resize` package:

### NgpResizeDirective

<ResponseField name="ngpResize" type="boolean">
  Event emitted when the element is resize.
</ResponseField>