Skip to content

LogStream ​

Displays chronological logs with severity colors, expandable details, and an optional live tail.

Import ​

ts
import { LogStream } from '@astryx-vue/lab'

Props ​

NameTypeDefaultDescription
entriesLogEntry[]RequiredEntries ordered oldest first.
variant'default' | 'terminal''default'Default or terminal appearance.
isFollowingbooleanUncontrolledFollows new entries; supports v-model:isFollowing.
maxHeightnumber | stringundefinedMaximum scroll-area height.
hasTimestampsbooleantrueShows the timestamp column.
labelstring'Log stream'Accessible region name.

Each entry requires a unique id, timestamp, level, and message, with optional source and detail. Levels are 'info' | 'warn' | 'error' | 'debug'.

Events and slots ​

followChange fires when the user requests a follow-state change. Use #detail="{ entry }" for custom expanded content; only entries with detail can expand.