Welcome to Vanilla Breeze
This bell pulls live notifications from /go/notify/messages — the same contract documented at /docs/concepts/service-contracts/. Static articles like this one are the no-JS / no-backend fallback.
data-status
Declare content publication state — draft, published, archived. Orthogonal to data-provenance and data-review.
Overview
The data-status attribute declares the publication state of the content. It is orthogonal to data-provenance (how content was made) and data-review (what review it received).
Basic usage
<!-- Work in progress, visually muted --><section data-status="draft"> <h2>Roadmap</h2> <p>Ideas under consideration.</p></section> <!-- Explicit archived content --><article data-status="archived"> <h1>Legacy API Reference</h1> <p>This documentation covers a deprecated version.</p></article>Tokens
| Token | Meaning | Visual Treatment |
|---|---|---|
draft |
Work in progress; not yet reviewed or finalized | Dashed border + muted opacity |
published |
Default if absent — ready for readers | No indicator |
archived |
Kept for historical record; no longer current | Muted opacity |
Labeled badges
Add the labeled class to show a visible badge via ::before.
Labeled badge
<section data-status="draft" class="labeled"> <h2>In progress</h2> <p>Drafting content here.</p></section>