终端

终端是一个基于文本的用户界面。

导入#


import { Terminal } from 'primereact/terminal';
import { TerminalService } from 'primereact/terminalservice';

基本#

终端通过使用command、response和clear事件的TerminalService API 进行交互。 command事件需要一个回调来处理命令，response发出命令的响应，发出clear重置终端。

输入“date”以显示当前日期，“greet {0}”以显示消息，“random”以获取随机数，以及“clear”以清除所有命令。

欢迎来到 PrimeReact

primereact $


<Terminal 
    welcomeMessage="Welcome to PrimeReact" 
    prompt="primereact $" 
    pt={{
        root: 'bg-gray-900 text-white border-round',
        prompt: 'text-gray-400 mr-2',
        command: 'text-primary-300',
        response: 'text-primary-300'
    }} 
/>

辅助功能#

屏幕阅读器

终端组件有一个可以使用aria-label或aria-labelledby属性描述的输入元素。列出以前命令的元素具有aria-live属性，以便屏幕阅读器接收更改。

键盘支持

按键	功能
tab	在输入元素之间移动焦点。
enter	当焦点在输入元素上时，执行命令。