Developer

LogConsole.

Search logs by message or source and filter debug/info/warn/error levels.

Real interactive component

Live demo

Log console5 entries

10:03:01INFO[api] Server started

10:03:02DEBUG[worker] Cache warmed

10:03:04WARN[db] Slow query detected

10:03:08ERROR[api] Test request failed

10:03:10INFO[api] Recovered successfully

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

4 props

Parameter	Type	Required	Default	Possible values	Description
`entries`	`LogEntry[]`	Yes	—	—	Timestamped log messages with severity and source.
`label`	`string`	No	`Log console`	—	Log panel label.
`maxHeight`	`number`	No	`340`	—	Maximum log list height in pixels.
`className`	`string`	No	—	—	Additional CSS class on the outer component element.