e47a9f4401
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
25 lines
806 B
Markdown
25 lines
806 B
Markdown
---
|
|
title: "Tasks"
|
|
description: "data-task attribute for styled task lists in ASW."
|
|
type: docs
|
|
weight: 47
|
|
date: 2026-04-11
|
|
tags: ["vault", "tasks", "data-attributes"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "Anthropic"
|
|
---
|
|
|
|
Add `data-task="<state>"` to a `<li>` element to render it as a task item with a state indicator. Four states are supported: `done`, `todo`, `wip` (work in progress), and `blocked`.
|
|
|
|
## Inline Demo
|
|
|
|
<div data-demo>
|
|
<ul>
|
|
<li data-task="done">Write the ASW reset layer</li>
|
|
<li data-task="done">Publish initial token system</li>
|
|
<li data-task="wip">Document all data-* attributes</li>
|
|
<li data-task="todo">Add animation tokens</li>
|
|
<li data-task="blocked">Finalize pack API — waiting on Pandoc template review</li>
|
|
</ul>
|
|
</div>
|