| title |
description |
section |
prev-url |
prev-title |
next-url |
next-title |
type |
date |
tags |
ai-disclosure |
ai-model |
ai-provider |
| Tasks |
Render task lists with semantic state: done, wip, blocked, todo. |
vault |
|
|
wikilinks/ |
Wikilinks |
vault |
2026-04-09 |
|
generated |
claude-sonnet-4-5 |
Anthropic |
Overview
Use data-task on list items to convey task state without CSS classes.
<ul>
<li data-task="done">Completed item</li>
<li data-task="wip">Work in progress</li>
<li data-task="blocked">Blocked item</li>
<li data-task="todo">Not started</li>
</ul>
States
| Value |
Meaning |
done |
Completed — green check |
wip |
In progress — amber |
blocked |
Blocked — red |
todo |
Not started — muted |