Skip to content

Function: MessageLog()

MessageLog(props): Element

Show the most recent INDI messages, newest at the bottom.

Follows the log: as entries stream in, the view keeps the newest message in sight, so a permanently docked log behaves like a terminal tail.

The scrolling viewport carries role="log" and a tab stop. Both are load bearing:

  • log is the live region for everything arriving over the socket, and it is the right one: it is polite and announces additions only, so a reader hears each new entry once instead of the whole panel re-read. A vector entering Alert is not a message, so it is announced separately - see StatusAnnouncer, which is deliberately not this element.
  • Without the tab stop the log cannot be scrolled by keyboard at all, and since the view follows the newest entry, everything above it is reachable only with a wheel or a drag.

Parameters

props

MessageLogProps

Optional class name and retention limit.

Returns

Element

The message log element.