# Reorderable List

Drag-to-reorder list: hold a row or its handle to lift it, and the others glide aside. It scrolls near the edges, can group one row into another, and works with keyboards and screen readers.

> Composed · Pro · Mobile-Native — React Native, Expo Go incompatible (dev build required).

## Install

```bash
npx @lumioui/cli add pro/reorderable-list
```

## Import

```tsx
import { ReorderableListHandle, ReorderableList } from "@/components/ui/reorderable-list/reorderable-list";
```

## Variants

- `queue` — Up next queue: `npx @lumioui/cli add pro/reorderable-list-queue`
- `route` — Delivery route: `npx @lumioui/cli add pro/reorderable-list-route`

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `children?` | `React.ReactNode` | — |
| `className?` | `string` | — |

Source: https://lumioui.com/components/reorderable-list