Command Run

About this piece

Dark terminal that types a command after the prompt, prints its output line by line up to a green success line behind a blinking block cursor, then clears and runs again.

Usage

The import and the props worth knowing about, in one place.

import { Terminal14 } from "@/components/beste/piece/terminal14";

<Terminal14
  command="beste deploy --prod"
  lines={[
    "Building 42 pages",
    "Uploading assets (3.1 MB)",
    "Warming edge cache in 12 regions",
    "Running smoke tests"
  ]}
  success="Deployed to https://beste.co in 14s"
/>

More Terminal pieces

View all Terminal

$npx beste-ui@latest init

Terminal Prompt

Dark shell line with an emerald prompt, command text, and a blinking block cursor.

npx sirius-cli@latest init

✓ Workspace ready. Open the dashboard to invite your team.

CLI Command Card

A dark terminal card with traffic-light dots, a prompted command, and a success output line.

deploy

$beste deploy --prod

Building application…Uploading assets…Deployed in 4.2s

Output Window

Window-chrome shell showing a command and its output ending in a success line.

pnpm dlx shadcn@latest add button

Copy Command

CLI code line with a chevron prefix and a copy button that flips to a check.

components/Button.tsx

function Button({ label }) {

return <button>{label}</button>;

return <button className="btn">{label}</button>;

}

Diff Block

Unified diff with added and removed lines tinted green and red.

renders the label

fires onClick

respects disabled state

2 passed1 failed1.24s

Test Summary

Test run output with pass and fail markers and a totals bar.