#Checkpoint

Checkpoint records a restorable task state with enough context to explain when and why it was saved.

npm install @a3s-lab/ui@0.4.0

<article class="checkpoint" data-state="saved">
  <header><h3>Before responsive CSS changes</h3><span data-checkpoint-meta>Saved 4 minutes ago</span></header>
  <section>...</section>
  <footer><button type="button">Restore</button></footer>
</article>

import "@a3s-lab/ui/a3s.css";
import "@a3s-lab/ui/all";

#Usage

<article class="checkpoint" data-state="saved">
  <header><h3>Before responsive CSS changes</h3><span data-checkpoint-meta>Saved 4 minutes ago</span></header>
  <section>...</section>
  <footer><button type="button">Restore</button></footer>
</article>

#Parameters

#States and variants

Restoring is a consequential action when it overwrites current work. Confirm the exact scope and preserve a recovery checkpoint when possible.

#Accessibility

The restore control names the checkpoint when several are visible. Saving and restore completion use one bounded status announcement.