Sortable 02 - Sortable Asset Grid
A drag-and-drop sortable asset grid component using @dnd-kit with type badges, file sizes, and smooth reordering feedback across a responsive card layout.

- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities
- Files
src/components/shadcn-space/sortable/sortable-02.tsxsrc/components/ui/badge.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Grid Components
- React Grid Components
- Tailwind CSS Grid Components
- shadcn/ui Grid Components
- Layout Components
- React Layout Components
- Tailwind CSS Layout Components
- shadcn/ui Layout Components
More from Shadcn Space
- Aspect Ratio 02 - Square Grid
- Blog 01 - Latest Blog & News Grid
- Portfolio 01 - Clean Portfolio Grid
- Product Listing 01 - Multi Column Grid
- Skeleton 04 - Product Card Grid
- Sortable 04 - Sortable Media Library Grid
- Team 02 - Modern Team Grid
- About Us 01 - Impact Metrics
- Accordion-01 - Default
- Accordion-02 - Multi-level
- Accordion-03 - Numbered FAQ
- Accordion-04 - Card