NeoTerm UI

Log Viewer

Terminal-style log viewer with colored severity levels and auto-scroll.

Import

import { LogViewer } from "neoterm-ui";

Usage

<LogViewer lines={[
  { timestamp: "12:00:01", level: "info", message: "Server started on :3000" },
  { timestamp: "12:00:02", level: "warn", message: "Deprecated API call detected" },
  { timestamp: "12:00:03", level: "error", message: "Connection refused" },
]} />

Props

PropTypeDefaultDescription
linesLogLine[]Array of { timestamp?, level?, message }.
maxHeightnumber300Container max height in px.
autoScrollbooleantrueAuto-scroll to latest entry.
showTimestampbooleantrueDisplay timestamps.

Log levels

Supported levels: info, warn, error, debug, success. Each level maps to a distinct neon color.