Terminal Display
Monospace terminal emulator with optional typewriter effect. Auto-scrolls to bottom. Shows a blinking cursor, optional line numbers, and a status bar.
[SRC]tsx
1import { TerminalDisplay } from "@mdrbx/nerv-ui";
Basic Usage
DEFAULTinspection frame
live inspectionframe-01
TERMINAL — MAGI DIRECT
MAGI_SYS
MAGI SYSTEM v2.11 — BOOT SEQUENCE
> Initializing MELCHIOR...
> Initializing BALTHASAR...
> Initializing CASPER...
> All systems nominal.
> Awaiting operator input...
LINES: 6READY
Color Variants
ORANGEinspection frame
live inspectionframe-01
ALERT LOG
MAGI_SYS
WARNING: Sync rate fluctuation detected
EVA-01 neural link unstable
LINES: 2READY
With Typewriter Effect
TYPEWRITERinspection frame
live inspectionframe-01
LINES: 0TRANSMITTING...
Use typeSpeed and lineDelay together when a feed needs to feel more reactive, for example on bulletin or incident-log views. Lower values make the reveal faster, and changing the lines prop resets the typewriter sequence cleanly.
With Line Numbers
LINE NUMBERSinspection frame
live inspectionframe-01
SOURCE
MAGI_SYS
001import { MAGI } from 'nerv';
002
003const result = MAGI.evaluate();
004console.log(result.consensus);
LINES: 4READY
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| lines* | string[] | — | Array of text lines to display |
| typewriter | boolean | false | Enable character-by-character typing animation |
| typeSpeed | number | 30 | Milliseconds per character in typewriter mode; lower is faster |
| lineDelay | number | 200 | Milliseconds between lines in typewriter mode; lower is faster |
| color | "green" | "orange" | "cyan" | "red" | "green" | Terminal text color |
| showCursor | boolean | true | Show blinking block cursor |
| title | string | — | Title bar text |
| maxHeight | string | "400px" | Max container height |
| showLineNumbers | boolean | false | Show line number gutter |
| prompt | string | — | Prompt prefix for each line |
| className | string | "" | Additional CSS classes |