trotl-todo
v1.0.2
Published
Reusable todo UI
Maintainers
Readme
npm install trotl-todo
or
yarn add trotl-todo
⚡ Usage
import React from "react"; import { TodoProvider, useTodos } from "@your-scope/todo-context";
const TodoList = () => { const { todos, addTodo, toggleTodo, removeTodo } = useTodos();
return ( Todos {todos.map((t) => ( <span style={{ textDecoration: t.done ? "line-through" : "none" }} onClick={() => toggleTodo(t.id)} > {t.text} <button onClick={() => removeTodo(t.id)}>❌ ))} <button onClick={() => addTodo("New Task")}>➕ Add Todo ); };
export default function App() { return ( ); }
