Strike Checklist

A to-do list on real checkboxes. Ticking a task draws a check, strikes the text through and pops a tiny burst.

Customize

checkColor

textColor

doneColor

background

8 properties

Property	Type	Default	Description
items	string[]	—	Task labels, one checkbox each.
defaultChecked	number[]	—	Indexes of the tasks checked from the start (from zero). Defaults to [0].
onToggle	(index: number, checked: boolean) => void	—	Called when a task is checked or unchecked.
checkColor	string	`"#fafafa"`	Color of the check, the dash and the burst.
textColor	string	`"#e5e5e5"`	Color of an open task.
doneColor	string	`"#525252"`	Color of a done, struck-through task.
background	string	`"#111111"`	Card background.
className	string	—	Classes for the wrapper.

2 required packages

npm install clsx tailwind-merge