Skip to main content

glint-trace-panel

The glint-trace-panel component renders a scrollable panel that displays console-like build output or other traces. It supports ANSI color syntax for a rich, terminal-like experience.

Usage​

To use the component, simply bind a trace to its lines input.

<glint-trace-panel [lines]="trace$"/>
  • [lines]: An Observable<string[]> that provides the trace content. The component efficiently handles updates by only rendering new lines added since the last event. It does not support modifying or removing already rendered lines.

To display a new, separate trace, simply provide a new observable to the [lines] input. This will reset the panel and render the new content from the start.