Lane board
Move review cards between ordered lanes with mouse dragging and accessible lane and reorder controls.
Component review
3 tasks across the review workflow
Drag cards with a mouse, or choose Move to change lane or order.
Queued
2- Review sheet focus
Check dismissal and focus return.
GAM-41Move
- Document empty states
GAM-44Move
In review
1 / 2- Add board navigation
Try moving this card with the Move control.
GAM-38Move
Ready
0- Drop a card here, or use its Move control.
Implementation
1"use client";2 3import {4 useEffect,5 useId,6 useRef,7 useState,8 type HTMLAttributes,9 type ReactNode,10} from "react";11import { ArrowDown, ArrowUp, ChevronDown, GripVertical } from "lucide-react";12 13export type LaneBoardCard = {14 id: string;15 title: string;16 description?: string;17 reference?: string;18 meta?: string;19 tag?: string;20 disabled?: boolean;21};22 23export type LaneBoardLane = {24 id: string;25 title: string;26 cards: readonly LaneBoardCard[];27 /** Advisory work-in-progress limit; moves remain available. */28 limit?: number;