Terminal

Uso

Terminal es una interfaz de comandos, no una consola del sistema operativo. Define welcomeMessage y prompt, procesa commandSubmit y añade las respuestas a output. Cada línea admite output, info o error. response añade una cadena cuando cambia; output es la opción más clara para respuestas repetidas y registros gestionados por la aplicación. readonly mantiene la entrada visible, pero impide editar comandos; disabled la mantiene visible pero no disponible.

Ejemplos

Prueba la interacción y abre Código para ver la implementación completa.

Prueba y configura

Cambia las opciones, prueba el resultado y consulta el template actualizado. Código contiene el ejemplo ejecutable completo.

<neu-terminal
  prompt="$"
  [output]="output()"
  [response]="undefined"
  [readonly]="false"
  [disabled]="false"
  (commandSubmit)="handleCommand($event)"
  [ariaLabel]="'Terminal de ejemplo'"
  [inputAriaLabel]="'Comando del terminal'"
  [welcomeMessage]="'Bienvenido. Escribe help para empezar.'"
/>

import { signal } from '@angular/core';

export const output = signal([]);

Datos y contenido

commandSubmit comunica el comando enviado. La aplicación decide su significado y proporciona output; Core nunca lo evalúa ni ejecuta. El ejemplo procesa help y status de forma síncrona. Arriba/abajo recuperan comandos anteriores. Reiniciar crea una nueva sesión del ejemplo. No hay Templates disponibles.

Accesibilidad y teclado

Asigna nombres accesibles distintos al terminal y a su entrada. Tab accede al campo, Intro envía el comando y arriba/abajo recorren el historial. La salida se anuncia como un registro no intrusivo. No uses este procesador de ejemplo para ejecutar entradas no confiables.

API

Inputs y Outputs corresponden al paquete instalado. Los tipos con nombre enlazan a sus definiciones. Cada Template disponible tiene un ejemplo con Demo y Código.

Inputs

Configura el componente con [propiedad]="valor". Tu aplicación proporciona estos valores; el componente no debe reemplazar el estado que le pasas.

Outputs

Escucha un evento con (evento)="handler($event)". La tabla indica qué datos recibe tu función y cómo utilizarlos.

Public Types

Abre un tipo para consultar su definición y los campos de sus interfaces.

import type { NeuTerminalCommand } from '@neural-ui/core/terminal';

// Declaración pública (solo referencia)
export interface NeuTerminalCommand {
  command: string;
}

import type { NeuTerminalLine } from '@neural-ui/core/terminal';

// Declaración pública (solo referencia)
export interface NeuTerminalLine {
  kind?: 'output' | 'error' | 'info';
  text: string;
}

Estilos y tokens

Personaliza los tokens públicos disponibles y comprueba ambos temas. Las ilustraciones y el estado de los ejemplos no son Inputs de Core.

Componentes relacionados

Utiliza los componentes relacionados para completar tu interfaz.

• Panel
• Card