Video · Marketing & editorial
Comment composer
YouTube-style comment composer: an avatar plus an underline text input that reveals Cancel/Comment actions on focus or input.
@byronwade/foundation@byronwade/avatar@byronwade/button@byronwade/utils
Feature showcase
Installation
Features
1 example
Default.
Tagged for youtube, video, tier:intermediate
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | - | Controlled comment text. |
| onValueChange | (value: string) => void | - | Fired as the user types. |
| open | boolean | - | Controlled expanded state (action row visible). |
| onOpenChange | (open: boolean) => void | - | Fired when expanded state changes. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/avatar | 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. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/comment-composer.tsx |
| Default example | content/examples/comment-composer/default.tsx |