Stamps

A stamp lands on a panel after the reader acts there. Nothing shows before the action. The page needs data-stamps on <html> for any of it to appear.

Basic

<div data-grid="2:1">
  <figure data-policy data-title="atlas build --watch" id="build-policy">
    <dl>
      <dt><small>Pages</small> 182 built</dt><dd><mark data-tone="go">Fresh</mark></dd>
      <dt><small>Links</small> 3 missing</dt><dd><mark data-tone="stop">Failed</mark></dd>
    </dl>
  </figure>
  <article data-tone="earth">
    <h3>Check the run</h3>
    <p>Stamping records that someone read the policy and signed it off.</p>
    <menu><li><button data-stamp="Validated" data-stamp-note="atlas build" data-stamp-target="#build-policy">Stamp the policy</button></li></menu>
  </article>
</div>

Click the button and the stamp appears on the policy list; data-stamp-note is the small line under the word.

Notes

• Stamps are on by default. data-stamps="off" on <html> still builds the stamp but never shows it.
• The same data-stamp* attributes on a [data-command] stamp after the copy instead of after a click.
• S72.stamp(element, 'Rejected', 'entry 00004') stamps from your own code; the element can be a selector string.
• The stamp is aria-hidden, so it is decoration over an action the reader already took, never the only record of it.