@atlaskit/pragmatic-drag-and-drop-docs/constellation/06-optional-packages/index.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

---
title: Packages
description:
  This page contains all the available packages and entry points for
  @atlaskit/pragmatic-drag-and-drop related packages.
---

import SectionMessage from '@atlaskit/section-message';

<SectionMessage>

At this stage we are using [entry points](https://nodejs.org/api/packages.html#package-entry-points)
rather than exporting everything from the root of the package to ensure that _everybody_ gets the
best possible bundle size without needing to rely on
[tree shaking](https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking).

</SectionMessage>

[Required core package](/components/pragmatic-drag-and-drop/core-package)

Optional packages:

- [hitbox](/components/pragmatic-drag-and-drop/optional-packages/hitbox): Add additional impact
  information to a drop target when it is being dragged over (plain js)
- [react-drop-indicator](/components/pragmatic-drag-and-drop/optional-packages/react-drop-indicator):
  Used to render drop indicators (eg lines)
- [flourish](/components/pragmatic-drag-and-drop/optional-packages/flourish): Minor effects to make
  drag operations more delightful (eg flash on drop) (plain js)
- [auto-scroll](/components/pragmatic-drag-and-drop/optional-packages/auto-scroll): More delightful
  automatic scrolling during a drag operation (plain js)
- [react-accessibility](/components/pragmatic-drag-and-drop/optional-packages/react-accessibility):
  Opinionated `react` components for adding common accessibility controls
- [live-region](/components/pragmatic-drag-and-drop/optional-packages/live-region): a helper for
  announcing messages to screen reader users
- [react-beautiful-dnd-migration](/components/pragmatic-drag-and-drop/optional-packages/react-beautiful-dnd-migration):
  enables rapid migrations from `react-beautiful-dnd` to Pragmatic drag and drop
- [react-beautiful-dnd-autoscroll](/components/pragmatic-drag-and-drop/optional-packages/react-beautiful-dnd-autoscroll):
  automatic scroller port from `react-beautiful-dnd` (deprecated in favour of `auto-scroll`)
- [unit-testing](/components/pragmatic-drag-and-drop/optional-packages/unit-testing): helpers to
  assist with unit testing