Components
Loading preview...
Here is Task component
npx shadcn@latest add https://21st.dev/r/vercel/taskimport {
Task,
TaskContent,
TaskItem,
TaskItemFile,
TaskTrigger,
} from '@/components/ui/task';
export default function DemoOne() {
return (
<div className="flex min-h-screen flex-col items-center justify-center gap-4 bg-background p-4">
{/* Пример с другим контентом */}
<Task className="w-full max-w-md">
<TaskTrigger title="Process incoming data" />
<TaskContent>
<TaskItem>
Parse user data from <TaskItemFile>users.csv</TaskItemFile>
</TaskItem>
<TaskItem>
Analyze configuration in <TaskItemFile>config.yaml</TaskItemFile>
</TaskItem>
</TaskContent>
</Task>
</div>
);
}