# terminal/TerminalPanel (zidane-ui/terminal)

Import: `import { … } from 'zidane-ui/terminal'`. Source: [ui/src/terminal/TerminalPanel.tsx](https://github.com/Tahul/zidane/blob/main/ui/src/terminal/TerminalPanel.tsx).

## Components

### `TerminalPanel`

Component.

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

```ts
function TerminalPanel(props: TerminalPanelProps): Element
```

**Parameters**

- `props` (`TerminalPanelProps`): The scope, the placement, extra strip controls, `className` and `style`.

**Returns** `Element`

**Props**

- `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).

Source: [ui/src/terminal/TerminalPanel.tsx:93](https://github.com/Tahul/zidane/blob/main/ui/src/terminal/TerminalPanel.tsx#L93)

## Functions

### `terminalTitle`

Function.

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

```ts
function terminalTitle(t: TerminalInfo): string
```

**Parameters**

- `t` (`TerminalInfo`): The terminal.

**Returns** `string`

Source: [ui/src/terminal/TerminalPanel.tsx:84](https://github.com/Tahul/zidane/blob/main/ui/src/terminal/TerminalPanel.tsx#L84)

## Interfaces

### `TerminalPanelProps`

Interface.

Props for [`TerminalPanel`](https://zidane.si/docs/reference/ui-terminal-terminal-panel.md#TerminalPanel).

```ts
interface TerminalPanelProps
```

**Properties**

- `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).

Source: [ui/src/terminal/TerminalPanel.tsx:66](https://github.com/Tahul/zidane/blob/main/ui/src/terminal/TerminalPanel.tsx#L66)