Build Steps

Compiling modules
Bundling assets
Optimizing output
Publishing build
About this piece

Build Steps

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

Usage

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

import { Terminal6 } from "@/components/beste/piece/terminal6";

<Terminal6
  steps={[
    {
      "label": "Compiling modules",
      "status": "done"
    },
    {
      "label": "Bundling assets",
      "status": "done"
    },
    {
      "label": "Optimizing output",
      "status": "running"
    },
    {
      "label": "Publishing build",
      "status": "pending"
    }
  ]}
/>

More Terminal pieces

View all Terminal
Installing dependencies72%

Progress Bar

Monospace install line with a segmented progress meter and percentage.

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.

pnpm dlx shadcn@latest add button

Copy Command

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

beste-uigit:(main)

Git Prompt

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

>[1, 2, 3].map((n) => n * 2)
[ 2, 4, 6 ]
>

REPL

Interactive prompt showing an evaluated expression and its result.

$npx beste-ui@latest init

Terminal Prompt

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