sigilUI

Terminal

Display command-line input and output in a terminal panel.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Terminal } from "@sigil-ui/components";

Usage

<Terminal>$ npx @sigil-ui/cli init</Terminal>

Props

PropTypeDefaultDescription
titlestring—Terminal title (shown in the title bar).
linesstring[]—Code/text lines to display.
showLineNumbersbooleantrueShow line numbers.

Token integration

CSS VariablePurpose
--s-radius-cardRadius card
--s-borderBorder
--s-border-styleBorder style
--s-backgroundBackground
--s-code-font-familyCode font family
--s-surfaceSurface
--s-radius-fullRadius full
--s-errorError
--s-warningWarning
--s-successSuccess
--s-text-mutedText muted
--s-textText