Skip to main content

TerminalBlock

The TerminalBlock component displays terminal command-line sessions with window controls and line selection.

import { TerminalBlock } from "stageroutine";

const terminal = TerminalBlock({
  position: [80, 45],
  origin: "center",
  width: 100,
  lines: [
    "$ command",
    "Output line 1",
    "Output line 2",
  ],
});

Line Selection​

Clicking or dragging terminal lines interactively highlights selected rows and dims unselected lines.

API Reference​

For configuration options, see the TerminalBlock reference.

Assign terminal.title or terminal.lines to replace authored content. Both properties are restored by backward navigation.