CoolCheckbox bestows animated tick-wisdom upon thy todo list! With a dash of motion-react magic and a daddy wink, each completed task doth shimmy and fade like yon summer breeze toggle on and prospereth in style, I prithee!
Renders interactive list items and handles state toggling with proper accessibility attributes.
Smoothly animates SVG paths based on checked state using scale, opacity, and clipPath transitions.
Animates title text sliding and strikethrough overlay to visually indicate checked status.
| Prop | Type | Default | Description |
|---|---|---|---|
| todos | Todo[] | none | Array of todo items to render, each with id, title, and checked fields. |
| onToggle | (id: number) => void | none | Callback invoked when a todo is clicked; receives the todo’s id. |