Ludo
502b2e8266
Navigation: Docs, Layouts, Lab (simplified from 6 items) Layouts gallery: card grid showing all available page layouts with live links to demo pages. Docs restructure: 8 auto-generated sidebar sections (Getting Started, Typography, Core, Content, Components, Reference, Vault, Packs) with 20 new stub pages. Each stub has inline HTML demos that ASW styles directly. New Hugo layout template for layouts/ section. Decap CMS nav updated. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
25 lines
912 B
Markdown
25 lines
912 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 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>
|