Component
CommentList
A message thread: author, meta line, pre-wrapped body, with optional numbered markers.
import { CommentList } from '@loidolt/theme-svelte';
Example
Notes
metais a preformatted string — the theme adds no timestamps or separators of its own.activeIdis kept in view as it changes;onItemHoverfires only for markered items, for syncing a canvas pin.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
items required | CommentListItem<T>[] | — | |
activeId bindable | T | null | null | Highlighted 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 bindable | HTMLUListElement | null | null |
Plus the attributes of Omit<HTMLAttributes<HTMLUListElement>, 'children'>, forwarded to the root element.
Logo is off-center.
Fixed in round 2 — moved 4mm left.
Looks great now.