Components
Add Task Sheet
This component is an enhanced task creation sheet built using ShadCN UI components. It provides a modern, interactive interface for adding new tasks to a project, featuring a clean sheet layout with sections for task name, assignee, category, due date, and priority. The due date uses a calendar popover for easy selection, replacing the standard date input, while assignee and category fields utilize select dropdowns with icons for better visual context. Priority levels are color-coded for quick identification. The design emphasizes usability and responsiveness, with clear spacing, hover effects, and a footer containing action buttons for adding or canceling tasks. This makes task creation intuitive, visually appealing, and efficient for users managing projects.
Loading preview...
"use client";
import AddTaskSheet from "@/components/ui/add-task-sheet";
export default function TaskSheetDemoPage() {
return (
<div className="p-8">
<AddTaskSheet />
</div>
);
}