Loading Line

About this piece

Single indeterminate line with a spinner and a label.

Usage

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

import { Terminal10 } from "@/components/beste/piece/terminal10";

<Terminal10
  label="Installing packages"
  bordered={false}
/>

$npx beste-ui@latest init

okServer ready

infoCompiled /dashboard

warnSlow query

errorFailed to reach cache

pnpm dlx shadcn@latest add button

components/Button.tsx

function Button({ label }) {

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

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

}

Installing dependencies72%