Terminal

src/components/code.tsx

Import

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

Examples

Default

↗ Playground

<Terminal lines={[
    { kind: "command", content: "$ pnpm deploy --env=prod" },
    { kind: "output", content: "→ Building…" },
    { kind: "output", content: "✓ Deployed v0.2.0" },
  ]} />

API

extends BaseProps

Prop	Type
`title`	`string`
`lines` required	`readonly TerminalLine[]`
`streaming`	`boolean`
`height`	`number \| string`
`searchable`	`boolean`
`tabs`	`readonly { readonly key: string; readonly label: string; readonly active?: boolean }[]`
`onInput`	`(cmd: string) => void; readonly onTabChange?: (key: string) => void;`

Related types

interface

TerminalLine

Prop	Type
`type` required	`"stdout" \| "stderr" \| "info" \| "warn" \| "error" \| "debug" \| "prompt"`
`text` required	`string`
`timestamp`	`Date`