Ludo
fe8ddd6153
New data-demo attribute for demo blocks in documentation. Replaced 16 files worth of inline style="" wrappers with <div data-demo>. Only remaining style= is charts --size data injection (legitimate). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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>
|