Interactions

Move

The Move primitives enable pointer and keyboard move interactions on an element.

Import

Import the Move primitives from ng-primitives/interactions.

import { NgpMove } from 'ng-primitives/interactions';

Usage

Assemble the move directives in your template.

<div (ngpMove)="onMove($event)"></div>

API Reference

The following directives are available to import from the ng-primitives/interactions package:

NgpMove

Data Attributes

The following data attributes are available to use with the NgpMove directive:

Attribute Description
data-move Applied when the element is being moved.

Copyright © 2026 Angular Primitives

This site is powered by Netlify