@atlaskit/pragmatic-drag-and-drop-docs/constellation/05-core-package/00-adapters/02-external/URLs.mdx

This package holds the documentation for Pragmatic drag and drop in one place. It is not intended to be consumed directly by consumers. The package is used by other tools for sharing examples

---
order: 2
title: URLs
description: Helpers to make working with native URL data easier
---

## `containsURLs`

Useful to know whether URLs (`"text/uri-list"`) is being dragged.

Keep in mind:

- it is possible for multiple urls to be dragged at the same time
- multiple pieces of data can be dragged at once

```ts
import { containsURLs } from '@atlaskit/pragmatic-drag-and-drop/external/url';

dropTargetForExternal({
	element: myElement,
	canDrop: containsURLs,
});

monitorForExternal({
	canMonitor: containsURLs,
});
```

## `getURLs`

A helper to extract URL data (`"text/uri-list"`) from drop data. When there are no URLs, `getURLs()`
will return an empty array (`[]`).

```ts
import { getURLs } from '@atlaskit/pragmatic-drag-and-drop/external/url';

dropTargetForExternal({
	element: myElement,
	onDrop({ source }) {
		const urls: string[] = getURLs({ source });
	},
});

monitorForExternal({
	onDrop({ source }) {
		const urls: string[] = getURLs({ source });
	},
});
```