Video · Marketing & editorial
Upload row
YouTube Studio-style upload/processing row: preview, filename, progress bar, status badge, and a cancel/retry action.
@byronwade/foundation@byronwade/progress@byronwade/thumbnail@byronwade/status-dot@byronwade/badge@byronwade/button@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
1 example
Default.
Tagged for youtube, video, tier:advanced
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| filename | string | - | Upload file name. |
| progress | number | - | Processing progress 0–100. |
| status | string | - | Upload/processing status label. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/progress | registry | Installed through the byronwade/ui registry. |
| @byronwade/thumbnail | registry | Installed through the byronwade/ui registry. |
| @byronwade/status-dot | registry | Installed through the byronwade/ui registry. |
| @byronwade/badge | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | 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/upload-row.tsx |
| Default example | content/examples/upload-row/default.tsx |