Progress Bar

About this piece

Monospace install line with a segmented progress meter and percentage.

Usage

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

import { Terminal5 } from "@/components/beste/piece/terminal5";

<Terminal5
  label="Installing dependencies"
  percent={72}
  segments={12}
/>

Compiling modules

Bundling assets

Optimizing output

Publishing build

Stacked task list with done, running, and pending status markers.

$npx beste-ui@latest init

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

➜beste-uigit:(main)✗

Shell prompt with a git branch segment and a clean or dirty status marker.

$npm install beste-ui

Package manager tabs that swap the install command, with a copy button.

renders the label

fires onClick

respects disabled state

2 passed1 failed1.24s

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

Installing packagesctrl-c to cancel

Single indeterminate line with a spinner and a cancel hint.