#Task Queue

Task Queue presents work waiting behind or alongside the active task. Scheduling, concurrency, prioritization, and cancellation remain application logic.

npm install @a3s-lab/ui

<section class="task-queue" data-state="running" aria-labelledby="queue-title">
  <header><h2 id="queue-title">Task queue</h2><span data-queue-status>Running</span></header>
  <ol><li data-state="queued">...</li></ol>
</section>

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

#Usage

<section class="task-queue" data-state="running" aria-labelledby="queue-title">
  <header><h2 id="queue-title">Task queue</h2><span data-queue-status>Running</span></header>
  <ol><li data-state="queued">...</li></ol>
</section>

#Parameters

#States and variants

Order must match execution order. Reordering requires an explicit handle and immediate confirmation; do not make the entire row draggable by default.

#Accessibility

Use an ordered list and textual states. Announce only meaningful queue changes, not timer updates.