컴포넌트
Reorder List
dnd 라이브러리 없이 pointer 드래그와 FLIP(First-Last-Invert-Play) 트랜스폼으로 리스트를 재정렬하는 컴포넌트. 방향키 키보드 대체 경로 제공.
- 분류
- 컴포넌트
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ReorderList-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| count | number | 5 | 표시할 행 개수 |
| labelOf | (index: number) => string | undefined | 행 라벨 생성기 (기본: "항목 N") |
| onReorder | (order: number[]) => void | undefined | 재정렬 완료 시 새 순서 배열을 전달하는 콜백 |
| durationMs | number | 320 | FLIP 애니메이션 지속 시간(ms) |
| className | string | undefined | 추가 CSS 클래스 |