Shell

A command transcript and prompt with command history. Bring the commands and their effects.

pulls inclass-variance-authority@afterglow/theme

afterglow shell

Type help, status, or clear.

Installation

npx shadcn@latest add @afterglow/shell

Component structure.

Shell
├── ShellOutput
│   ├── ShellCommand
│   └── ShellLine
└── ShellPrompt

The bordered shell surface. It accepts section props and labels itself Shell unless aria-label says otherwise.

A scrolling role=log transcript that announces added lines politely.

A submitted command with its prompt.

Prop	Type	Default
prompt	string	"$"

One output line with an optional status tone.

Prop	Type	Default
tone	"command" \| "default" \| "error" \| "muted" \| "warning"	"default"

The command field. It trims submitted text, clears after submission and recalls the last 40 commands with Arrow Up and Arrow Down.