text

TerminalOutput

Terminal console with animated line output.

npx chaos add terminal-output

PREVIEW

❯ ls

USAGE

import { TerminalOutput } from '@/components/chaos/text/terminal-output';

const lines = [
  { type: 'command', content: 'npm install chaos' },
  { type: 'output', content: 'Installing...' },
  { type: 'success', content: 'Done!' },
];

<TerminalOutput lines={lines} animated />

PROPS

PropTypeDefault

linesLines to display {type, content, prompt?, delay?}

TerminalLine[]-

promptDefault prompt string

string"❯"

variantVisual variant

"default" | "hacker" | "blood" | "cyber""default"

showHeaderShow window header with dots

booleantrue

titleWindow title

string"terminal"

animatedAnimate lines appearing

booleanfalse

animationDelayBase delay between animated lines (ms)

number100

typingCursorShow typing cursor on last command

booleanfalse

scanlinesEnable scanlines overlay

booleanfalse

glowingEnable glow effect

booleanfalse

showInputShow interactive input

booleanfalse

inputPlaceholderInput placeholder

string"Type a command..."

onCommandCallback when command is submitted

(command: string) => void-

autoScrollAuto-scroll to bottom

booleantrue