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>
32 lines
1.3 KiB
Markdown
32 lines
1.3 KiB
Markdown
---
|
|
title: "Vocabulary"
|
|
description: "Full reference of all data-* attributes understood by ASW."
|
|
type: docs
|
|
weight: 44
|
|
date: 2026-04-11
|
|
tags: ["reference", "vocabulary", "data-attributes"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "Anthropic"
|
|
---
|
|
|
|
Every `data-*` attribute that ASW recognises is listed here. This is the authoritative vocabulary — anything not on this list has no built-in style effect.
|
|
|
|
## Inline Demo
|
|
|
|
<div data-demo>
|
|
<table>
|
|
<thead>
|
|
<tr><th>Attribute</th><th>Values</th><th>Effect</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td><code>data-layout</code></td><td>docs, prose, wide</td><td>Page layout variant</td></tr>
|
|
<tr><td><code>data-callout</code></td><td>note, tip, warning, error</td><td>Callout block style</td></tr>
|
|
<tr><td><code>data-task</code></td><td>done, todo, wip, blocked</td><td>Task list item state</td></tr>
|
|
<tr><td><code>data-status</code></td><td>active, sleeping, blocked</td><td>Status badge</td></tr>
|
|
<tr><td><code>data-text</code></td><td>mono, dim, accent, small</td><td>Inline text variant</td></tr>
|
|
<tr><td><code>data-variant</code></td><td>secondary, danger</td><td>Button style variant</td></tr>
|
|
<tr><td><code>data-wikilink</code></td><td>(any)</td><td>Internal wiki link styling</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|