Install Tabs

About this piece

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

Usage

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

import { Terminal4 } from "@/components/beste/piece/terminal4";

<Terminal4
  packageName="beste-ui"
/>

pnpm dlx shadcn@latest add button

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

Installing dependencies72%

Monospace install line with a segmented progress meter and percentage.

$npx beste-ui@latest init

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

components/Button.tsx

function Button({ label }) {

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

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

}

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

Compiling modules

Bundling assets

Optimizing output

Publishing build

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

npx sirius-cli@latest init

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

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