componente · v0.3.0+
TerminalWindow
Caja Mac-style (titlebar con 3 dots rojo/amarillo/verde + título central) que envuelve TerminalLine. Pinta cursor parpadeante final automáticamente.
Default
# verifica prerequisitos
➜ ~ node --version && uv --version
v20.11.1
uv 0.4.15
# instala graphify
➜ ~ uv tool install graphifyy
✓ installed graphifyy 0.8.2
➜ ~
uso
<TerminalWindow
title="~/taller-graphify-starter · zsh"
lines={[
{ type: 'cmd', text: 'uv tool install graphifyy' },
{ type: 'ok', text: '✓ installed graphifyy 0.8.2' }
]}
minHeight={280}
/> Sin cursor parpadeante
# snapshot — sin prompt activo
➜ ~ pnpm test
✓ 9 tests passed
uso
<TerminalWindow showCursor={false} minHeight={180} lines={[...]} /> Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
title | string | '~ · zsh' | Caption central de la titlebar. |
lines | { type, text }[] | [] | Líneas (renderizadas con TerminalLine). |
showCursor | boolean | true | Pinta el prompt parpadeante final. |
minHeight | number | string | 480 | Alto mínimo (px o cualquier unidad CSS). |
children | Snippet | — | Alternativa a lines: meter <TerminalLine>s a mano. |