# XWUIFeedComment

A single feed comment row composed from XWUIAvatar: author avatar, handle (with optional verified tick and Pinned badge), the comment `text`, and a meta row of `time`, a Like toggle showing `likeCount`, and a Reply button, plus a right-side heart icon. Pass `data.text`, `data.author`, `data.time`, `data.likeCount`, and `data.likedByMe`; toggle `conf_comp.showLike` / `conf_comp.showReply` and set `conf_comp.indent` (multiplied by 32px) to nest it as a reply. This is the building block used by XWUIFeedCommentThread and the under-post comment preview in XWUIFeedPost.

## Basic Usage

A standalone comment from Alex Rivera with a relative time and like count.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A single comment with author handle, text, 2h timestamp, and a like count of 12.
```

## Pinned Verified Comment

A creator comment flagged with both the verified tick and the Pinned badge.

```example
file: examples/PinnedVerified.ts
html: examples/PinnedVerified.html
title: Pinned Verified Comment
description: A pinned comment from a verified author with a 248 like count.
```

## Already-Liked Comment

A comment the viewer has already liked, rendering the Like action and heart icon in their active state.

```example
file: examples/LikedComment.ts
html: examples/LikedComment.html
title: Already-Liked Comment
description: A comment with likedByMe set and a 1,893 like count, showing the liked Like button and filled heart.
```

```api
```
