LogStream·component·@astryxdesign/labExperimental

Log Stream

Experimental streaming log viewer: mono grid rows (timestamp | level | source | message) with token-derived level accents, expandable per-row detail panels, follow-scroll live tailing with a "Jump to latest" affordance, and an always-dark terminal variant. Appended rows fade in via @starting-style. Live announcements follow the pinning state: the role="log" region is aria-live="polite" only while following the tail, and aria-live="off" while unfollowed, so a busy stream never floods assistive tech.

@astryxdesign/lab

Usage

Typed props

Prop	Type and behavior
`entries`	`LogEntry[]` · required Array of log entry objects to render.
`variant`	`'default' \| 'terminal'` · default 'default' Visual variant style: 'default' uses theme surface background, 'terminal' uses fixed dark background.
`isFollowing`	`boolean` Controlled follow-pinning state to auto-scroll to the newest entry.
`onFollowChange`	`(following: boolean) => void` Callback fired when follow-pinning state changes.
`maxHeight`	`number \| string` Maximum container height before vertical scrolling.
`hasTimestamps`	`boolean` · default true Show or hide the timestamp column.
`label`	`string` · default 'Log stream' Accessible label for the log region.
`renderEntry`	`(entry: LogEntry) => ReactNode` Custom render function for replacing individual row layout.
`xstyle`	`StyleXStyles` StyleX styles for layout customization.