Preview
Usage
A flat Slack-channel feel — no chat bubbles, just a rounded-square avatar, bold sender name, timestamp, and message text per row. contactName becomes the channel name in the header (slugified to #kebab-case) and the displayed sender for side: "left". side: "right" is shown as you.
A "X is typing" indicator pulses at the bottom while the latest message is in its typingFrames window.
Props
| Name | Type | Default |
|---|---|---|
| contactName | string | "design" |
| messages | ChatMessage[] | [5 items] |
| theme | "light" | "dark" | "light" |
Composition
- ID
- SlackMessages
- Resolution
- 1280×720
- FPS
- 60
- Duration
- 13.0s