📄 primeng/terminal

File: terminal.md | Updated: 11/15/2025

Source: https://primeng.org/terminal

  • Primary

    Surface

    PresetsAuraMaterialLaraNora

    Ripple

    RTL

  • v20

  • FEATURES

  • API

  • THEMING

  • PASSTHROUGH

Terminal

Terminal is a text based user interface. Enter "date" to display the current date.

Import #

import { TerminalModule } from 'primeng/terminal';

Basic #

Commands are processed using observables via the TerminalService. Import this service into your component and subscribe to commandHandler to process commands by sending replies with sendResponse function.

Enter "date" to display the current date, "greet {0}" for a message and "random" to get a random number.

Welcome to PrimeNG

primeng $

<p>Enter "<strong>date</strong>" to display the current date, "<strong>greet &#123;0&#125;</strong>" for a message and "<strong>random</strong>" to get a random number.</p> <p-terminal welcomeMessage="Welcome to PrimeNG" prompt="primeng $" />

Accessibility #

Screen Reader

Terminal component has an input element that can be described with aria-label or aria-labelledby props. The element that lists the previous commands has aria-live so that changes are received by the screen reader.

Keyboard Support

| Key | Function | | --- | --- | | tab | Moves focus through the input element. | | enter | Executes the command when focus in on the input element. |

  • Import

  • Basic

  • Accessibility

Theme Designer

Theme Designer is the ultimate tool to customize and design your own themes featuring a visual editor, figma to theme code, cloud storage, and migration assistant.

PrimeNG 20.3.0 by PrimeTek