#Terminal

Terminal presents one bounded command session with a stable title, command, output viewport, and execution state. Shell transport and process control remain application logic.

Validated @a3s-lab/ui: package exports complete.\n84 public component
contracts verified.\nProcess finished successfully.

npm install @a3s-lab/ui@0.4.0

<section class="terminal" data-state="success" aria-labelledby="terminal-title">
  <header>
    <strong id="terminal-title">Release checks</strong
    ><span data-terminal-status>Exited 0</span>
  </header>
  <code data-terminal-command>$ npm run check:package</code>
  <pre data-terminal-output>...</pre>
  <footer>...</footer>
</section>

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

#Usage

<section class="terminal" data-state="success" aria-labelledby="terminal-title">
  <header>
    <strong id="terminal-title">Release checks</strong
    ><span data-terminal-status>Exited 0</span>
  </header>
  <code data-terminal-command>$ npm run check:package</code>
  <pre data-terminal-output>...</pre>
  <footer>...</footer>
</section>

#Parameters

#States and variants

Keep partial output after cancellation and error. High-volume streams may compose Log Viewer when filtering, gaps, and pause behavior are needed.

#Accessibility

Name the terminal region. Do not make high-volume output a live region; announce only bounded state transitions. Never render secrets from the environment.