More Premium Hugo Themes Premium React Themes

Sortable

Sortable built with shadcn/ui, radix ui, and dnd-kit.

Sortable

Sortable built with shadcn/ui, radix ui, and dnd-kit.

Author Avatar Theme by sadmann7
Github Stars Github Stars: 625
Last Commit Last Commit: Apr 13, 2025 -
First Commit Created: Jun 1, 2024 -
default image

Overview

SortableThis is a sortable component built with shadnc/ui, radix ui, and dnd-kit, and is bootstrapped with create-t3-app. It is based on the Next.js framework and utilizes Tailwind CSS for styling.

Features

  • Headless Sortable UI Primitives: Built with shadnc/ui, radix ui, and dnd-kit.
  • Integration with useFieldArray: Works seamlessly with react-hook-form’s useFieldArray.
  • Integration with tanstack-table: Compatible with tanstack-table for enhanced functionality.

Installation

To run SortableThis locally, follow these steps:

  1. Clone the repository.
git clone [repository_url]
  1. Navigate into the project directory.
cd [project_directory]
  1. Install dependencies using pnpm.
pnpm install
  1. Start the development server.
pnpm dev

## Summary
SortableThis is a customizable and versatile sortable component that can be easily integrated with react-hook-form's useFieldArray and tanstack-table. It leverages a tech stack that includes shadnc/ui, radix ui, dnd-kit, Next.js, and Tailwind CSS. Deploying SortableThis is facilitated through the deployment guides available for Vercel, Netlify, and Docker.