---
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 style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
  <ul style="list-style:none;padding-left:0">
    <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>