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>
21 lines
742 B
Markdown
21 lines
742 B
Markdown
---
|
|
title: "Status"
|
|
description: "data-status attribute for inline status badges in ASW."
|
|
type: docs
|
|
weight: 48
|
|
date: 2026-04-11
|
|
tags: ["vault", "status", "data-attributes"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "Anthropic"
|
|
---
|
|
|
|
`data-status` renders a small coloured badge inline with text. It is designed for project indexes, agent dashboards, and task boards where a glanceable status signal is needed without a full callout block.
|
|
|
|
## Inline Demo
|
|
|
|
<div data-demo>
|
|
<p><span data-status="active">active</span> — currently running or in use</p>
|
|
<p><span data-status="sleeping">sleeping</span> — paused or idle</p>
|
|
<p><span data-status="blocked">blocked</span> — waiting on a dependency</p>
|
|
</div>
|