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"
    }
  ]}
  bordered={false}
/>

More Terminal pieces

View all Terminal
Installing dependencies72%
renders the label
fires onClick
respects disabled state
2 passed1 failed
pnpm dlx shadcn@latest add button
➜beste-uigit:(main)✗
>[1, 2, 3].map((n) => n * 2)
[ 2, 4, 6 ]
>
$npx beste-ui@latest init