Skip to content
LoidoltTheme 0.11.1
Svelte 5

Component

CommentList

A message thread: author, meta line, pre-wrapped body, with optional numbered markers.

import { CommentList } from '@loidolt/theme-svelte';

Example

  • 1
    Jane Client · 3 Jun 2026, 14:02

    Logo is off-center.

  • Studio · 3 Jun 2026, 15:40

    Fixed in round 2 — moved 4mm left.

  • 2
    Jane Client · 4 Jun 2026, 09:12

    Looks great now.

Notes

  • meta is a preformatted string — the theme adds no timestamps or separators of its own.
  • activeId is kept in view as it changes; onItemHover fires only for markered items, for syncing a canvas pin.

Props

Generated from the component source, so it cannot drift from the implementation.

CommentList props
PropTypeDefaultNotes
items required CommentListItem<T>[]—
activeId bindableT | nullnullHighlighted item; kept in view as it changes.
class string—
item Snippet<[CommentListItem<T>]>—Full row-content override.
itemClass string—
onItemHover (id: T) => void—Fired when a markered item is hovered — for syncing the matching canvas pin.
ref bindableHTMLUListElement | nullnull

Plus the attributes of Omit<HTMLAttributes<HTMLUListElement>, 'children'>, forwarded to the root element.