# Sortable List

Reorderable cards with a grip and a mono position. The item lifts at −2° over a dashed slot.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/sortable-list
```

## Usage

```tsx
import { SortableList } from '@/components/fetaui/sortable-list'

export function Example({ items }) {
  return <SortableList label="Launch steps" items={items} onReorder={save} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| label | string | required |
| items | SortableItem[] | required |
| onReorder | (items) => void |  |
| animated | boolean | true |

## When to use

- When order is the point, like priorities or steps.

## When not to use

- For sorting by a value: use a Data Table column.

## Accessibility

- An ordered list, so position is read out.
- Each grip names the item and its position.
- Moves are announced politely.

## Motion

- Lift scales to 1.02 and tilts −2° on a 200 ms spring.
- Neighbors slide 200 ms by transform.
- Drop settles on a 300 ms spring.
- With reduced motion, there is only the ring and the slot.