UI kit reference

terminal/TerminalPanel

import { … } from 'zidane-ui/terminal'ui/src/terminal/TerminalPanel.tsx

Components#

The scope's terminals: the tab strip, the error line, the active terminal's view and its status line.

TypeScript

function TerminalPanel(props: TerminalPanelProps): Element

Parameters
Name	Type	Description
props	`TerminalPanelProps`	The scope, the placement, extra strip controls, `className` and `style`.

Element

TerminalPanel props
Name	Type	Description
className?	`string`	Extra classes on the root.
placement	`'panel' \| 'drawer'`	Where it shows: the drawer under the chat, or the side panel's Terminal tab.
scope	`TerminalScope`	Whose terminals.
style?	`CSSProperties`	Inline styles on the root.
trailing?	`ReactNode`	Extra controls at the end of the strip (the drawer's hide button).

A terminal's tab title: the title its program set, else the program, else its label.

TypeScript

function terminalTitle(t: TerminalInfo): string

Parameters
Name	Type	Description
t	`TerminalInfo`	The terminal.

string

TypeScript

interface TerminalPanelProps

TerminalPanelProps properties
Name	Type	Description
className?	`string`	Extra classes on the root.
placement	`'panel' \| 'drawer'`	Where it shows: the drawer under the chat, or the side panel's Terminal tab.
scope	`TerminalScope`	Whose terminals.
style?	`CSSProperties`	Inline styles on the root.
trailing?	`ReactNode`	Extra controls at the end of the strip (the drawer's hide button).