GraphTerminal

Import

svelte
import { GraphTerminal } from 'markgraphy';

Basic usage

svelte
<GraphTerminal
  title="example"
  typeMs={28}
/>

Props

PropTypeDefaultDescription
titlestringCaption on the frame’s top edge as [ TITLE ]. Uppercase, 1–2 words.
linesTerminalLine[]Scripted session: prompt lines get typed character-by-character; output lines stream.
typeMs?number28Milliseconds per character (typing). Default 28.
streamMs?number14Milliseconds per character (streaming output). Default 14.
holdMs?number1600Milliseconds to hold the fully-revealed script before restarting. Default 1600.
loop?booleantrueLoop the session. Default true.
animated?booleantrueAnimate the typing and streaming. Default true. Reduced motion shows full script.
label?string'a sessionShort caption under the art.
class?string''

Exported types

  • TerminalLine
  • GraphTerminalProps

Reduced motion

Animation is disabled under prefers-reduced-motion.