nelsonPires5/herdr-board: Kanban board for herdr — cards are prompts dispatched to AI agents in visible panes
Kanban board for herdr — cards are prompts dispatched to AI agents in visible panes - nelsonPires5/herdr-board
UI Component Example
Summary
This React Aria example demonstrates a highly accessible Kanban board implementation featuring drag-and-drop functionality. It utilizes specialized hooks like useDragAndDrop and useListData to manage item movement and state across different status columns.
Highlights
- Implements accessible drag-and-drop using React Aria's specialized hooks.
- Uses useListData for efficient state management of board items and status updates.
- Features custom drop indicators and specific drop operations to ensure items are moved rather than copied.
- Styled with Tailwind CSS, including support for dark mode and visual drop feedback.
auto-generated
Context
Audience
Frontend Developers and React Engineers
DomainFrontend Development
FormatCode Example
AccessFree online
Source Overview
This React Aria Kanban board implements accessible drag-and-drop functionality across Open, In Progress, and Closed columns using useDragAndDrop and useListData hooks.
Tickets display as cards with title, ID, description, assignee avatar, and move via custom drop operations like onInsert, onRootDrop, and onReorder. Styling uses Tailwind CSS with dark mode support and visual drop indicators.
Topics
Related
React AriaTailwind CSSDrag and Drop APIReact Hooks
