Video · Marketing & editorial
Comment
A YouTube-style threaded comment with author, like/dislike, reply, pinned/creator-heart tags, and a replies disclosure.
@byronwade/foundation@byronwade/avatar@byronwade/verified-badge@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
1 example
Default.
Tagged for youtube, video, tier:intermediate
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| author | string | - | Commenter display name. |
| body | string | - | Comment text. |
| likes | number | - | Like count. |
| pinned | boolean | - | Show pinned badge. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/avatar | registry | Installed through the byronwade/ui registry. |
| @byronwade/verified-badge | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/comment.tsx |
| Default example | content/examples/comment/default.tsx |