Log Stream

About this piece

Log lines tagged by level in info, warn, error, and ok colors.

Usage

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

import { Terminal7 } from "@/components/beste/piece/terminal7";

<Terminal7
  logs={[
    {
      "level": "ok",
      "message": "Server ready"
    },
    {
      "level": "info",
      "message": "Compiled /dashboard"
    },
    {
      "level": "warn",
      "message": "Slow query"
    },
    {
      "level": "error",
      "message": "Failed to reach cache"
    }
  ]}
  bordered={false}
/>

More Terminal pieces

View all Terminal

Cloning repository

renders the label

fires onClick

respects disabled state

2 passed1 failed

Installing packages

components/Button.tsx

function Button({ label }) {

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

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

}

$npx beste-ui@latest init