Video · Marketing & editorial
Channel header
YouTube-style channel page header with banner, avatar, verified handle and counts, subscribe/join actions, and section tabs.
@byronwade/foundation@byronwade/avatar@byronwade/verified-badge@byronwade/subscribe-button@byronwade/button@byronwade/tabs@byronwade/utils
Feature showcase
Installation
Features
1 example
Default.
Tagged for youtube, video, tier:intermediate
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | - | Channel display name. |
| subscribed | boolean | - | Controlled subscribe state for SubscribeButton. |
| tabs | { value: string; label: string }[] | - | Optional section tabs under the header. |
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/subscribe-button | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | registry | Installed through the byronwade/ui registry. |
| @byronwade/tabs | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/channel-header.tsx |
| Default example | content/examples/channel-header/default.tsx |