Video · Marketing & editorial
Up next item
Compact horizontal video row for watch-page up-next lists and search results, composing a thumbnail with title, channel, view/timestamp meta, and an overflow menu.
@byronwade/foundation@byronwade/thumbnail@byronwade/verified-badge@byronwade/dropdown-menu@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
1 example
Default.
Tagged for youtube, video, tier:intermediate
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | Video title. |
| channelName | string | - | Channel name. |
| thumbnailSrc | string | - | Poster URL. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/thumbnail | registry | Installed through the byronwade/ui registry. |
| @byronwade/verified-badge | registry | Installed through the byronwade/ui registry. |
| @byronwade/dropdown-menu | 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/up-next-item.tsx |
| Default example | content/examples/up-next-item/default.tsx |