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>
21 lines
855 B
Markdown
21 lines
855 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 style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px;display:flex;flex-direction:column;gap:0.5rem">
|
|
<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>
|