hub / github.com/Georgegriff/react-dnd-kit-tailwind-shadcn-ui

github.com/Georgegriff/react-dnd-kit-tailwind-shadcn-ui @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

27 symbols 81 edges 20 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

react-dnd-kit-tailwind-shadcn-ui Example

This repository provides an example of how to build an accessible Kanban board using the following technologies:

React
@dnd-kit
Tailwind
Shadcn/ui

Demo: https://georgegriff.github.io/react-dnd-kit-tailwind-shadcn-ui/

Developer instructions: developer guide

Extension points exported contracts — how you extend this code

Column (Interface)

(no doc)

src/components/BoardColumn.tsx

ColumnDragData (Interface)

(no doc)

src/components/BoardColumn.tsx

BoardColumnProps (Interface)

(no doc)

src/components/BoardColumn.tsx

Task (Interface)

(no doc)

src/components/TaskCard.tsx

TaskCardProps (Interface)

(no doc)

src/components/TaskCard.tsx

Core symbols most depended-on inside this repo

src/components/utils.ts

getDraggingTaskData

called by 3

src/components/KanbanBoard.tsx

useTheme

called by 1

src/components/theme-provider.tsx

src/components/KanbanBoard.tsx

onDragStart

called by 0

src/components/KanbanBoard.tsx

Shape

Function 19

Interface 8

Languages

TypeScript100%

Modules by API surface

src/components/KanbanBoard.tsx6 symbols

src/components/BoardColumn.tsx5 symbols

src/components/TaskCard.tsx4 symbols

src/components/ui/badge.tsx2 symbols

src/components/theme-provider.tsx2 symbols

src/App.tsx2 symbols

src/lib/utils.ts1 symbols

src/components/utils.ts1 symbols

src/components/ui/dropdown-menu.tsx1 symbols

src/components/ui/button.tsx1 symbols

src/components/multipleContainersKeyboardPreset.ts1 symbols

src/components/ThemeToggle.tsx1 symbols

For agents

$ claude mcp add react-dnd-kit-tailwind-shadcn-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact