Video · Marketing & editorial
Subscribe button
YouTube-style subscribe control with a two-state toggle and a notification-level dropdown menu.
@byronwade/foundation@byronwade/button@byronwade/dropdown-menu@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
1 example
Default.
Tagged for youtube, video, tier:simple
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| subscribed | boolean | - | Controlled subscribed state. |
| defaultSubscribed | boolean | - | Initial subscribed state when uncontrolled. |
| onSubscribedChange | (next: boolean) => void | - | Fired when subscribe state toggles. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | 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/subscribe-button.tsx |
| Default example | content/examples/subscribe-button/default.tsx |