LogViewer

LogViewer Component

stable
Playground
Log Output3 entries
10:00:01INFOServer started
10:00:02WARNHigh memory
10:00:03ERRConnection failed
Props
PropTypeDefaultValue
maxHeighttext—
showTimestampboolean—
autoScrollboolean—
Default
Log Output3 entries
10:00:01INFOServer started
10:00:02WARNHigh memory
10:00:03ERRConnection failed
ManyLogs
Log Output20 entries
10:00:00INFOLog entry 1
10:00:01WARNLog entry 2
10:00:02ERRLog entry 3
10:00:03DBGLog entry 4
10:00:04INFOLog entry 5
10:00:05WARNLog entry 6
10:00:06ERRLog entry 7
10:00:07DBGLog entry 8
10:00:08INFOLog entry 9
10:00:09WARNLog entry 10
10:00:10ERRLog entry 11
10:00:11DBGLog entry 12
10:00:12INFOLog entry 13
10:00:13WARNLog entry 14
10:00:14ERRLog entry 15
10:00:15DBGLog entry 16
10:00:16INFOLog entry 17
10:00:17WARNLog entry 18
10:00:18ERRLog entry 19
10:00:19DBGLog entry 20
WithAutoScroll
Log Output20 entries
10:00:00INFOEntry 1
10:00:01INFOEntry 2
10:00:02INFOEntry 3
10:00:03INFOEntry 4
10:00:04INFOEntry 5
10:00:05INFOEntry 6
10:00:06INFOEntry 7
10:00:07INFOEntry 8
10:00:08INFOEntry 9
10:00:09INFOEntry 10
10:00:10INFOEntry 11
10:00:11INFOEntry 12
10:00:12INFOEntry 13
10:00:13INFOEntry 14
10:00:14INFOEntry 15
10:00:15INFOEntry 16
10:00:16INFOEntry 17
10:00:17INFOEntry 18
10:00:18INFOEntry 19
10:00:19INFOEntry 20
PROPTYPEDEFAULTDESCRIPTION
autoScrollboolean—Auto scroll to bottom
maxHeighttext—Max height
showTimestampboolean—Show timestamps
Using LogViewertsx
import { LogViewer } from '@/components/LogViewer'

<LogViewer
  maxHeight="..."
  showTimestamp="..."
  autoScroll="..."
/>
Tokens Used
No design tokens detected