Components
Loading preview...
A very minimal, yet functional, animated todo component that will catch user's attention.
@vaib215
npx shadcn@latest add https://21st.dev/r/vaib215/todo-task-managementimport { Todo } from "@/components/ui/todo-task-management"
export default function TodoDemo() {
const demoTodos = [
{
id: "1",
text: "Do more of what makes you happy",
completed: false,
},
{
id: "2",
text: "Focus on progress, not perfection",
completed: true,
},
{
id: "3",
text: "Create something meaningful today",
completed: false,
},
]
return (
<div className="min-h-screen w-full flex items-start justify-center pt-20 p-8 bg-background">
<Todo initialTodos={demoTodos} />
</div>
)
}