Workspace
Log viewers
A tail-anchored log list with a level filter
infodev server started on :5173
debugresolved 148 modules in 320 ms
infocompiled src/app.tsx
warnslow plugin: css-minify took 840 ms
infocompiled src/components/button.tsx
errorfailed to read assets/logo.svg
inforetrying in 1s
tracecache hit for /src/index.ts
infoready in 1.02 s
warndeprecated option `legacyProxy`
errorport 5173 is already in use
infofalling back to :5174
debugcache cleared (12 entries)
13 of 13 rows · following the tail
Usage
import { LogViewer } from "@gpuixui/files";
<LogViewer
height={240}
lines={lines}
enabledLevels={levels}
onEnabledLevelsChange={setLevels}
followTail={follow}
onFollowTailChange={setFollow}
/>;API
| Prop | Type | Default | Consequence |
|---|---|---|---|
lines | string[] | — | the raw log lines, one per row |
height | number | — | a definite viewport height |
rowHeight | number | the density's rowHeight | the painted height of one row |
enabledLevels | LogLevel[] | every level | the enabled levels; omit to let the viewer hold its own |
onEnabledLevelsChange | (levels: LogLevel[]) => void | — | reports the enabled levels after every change |
followTail | boolean | true | follow appends; omit to let the viewer hold its own |
onFollowTailChange | (follow: boolean) => void | — | reports the follow state after every change |
testId | string | — | the list's test id |
Edit this page on GitHubpackages/files/docs/log-viewer.mdx