Terminal

display

Styled terminal emulator for displaying command output and code execution.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system

Import

import { Terminal } from "@launchapp/design-system";

Examples

Install command

<Terminal  title="Getting Started"  lines={[    { type: "command", content: "npm install @launchapp/design-system" },    { type: "output", content: "added 42 packages in 3.2s" },    { type: "command", content: "npm run dev" },    { type: "output", content: "⚡ Server ready on http://localhost:3000" },  ]}/>

Props

Prop	Type	Default	Description
`lines`*	`TerminalLine[]`	—	Array of terminal output lines.
`title`	`string`	`"Terminal"`	Window title bar text.
`animate`	`boolean`	`true`	Enable typewriter animation.

← PreviousTag Input

Next →Text Animate