Preview
Usage
WhatsApp variant of the messages template. side: "right" is the green sent bubble (with double blue check marks), side: "left" is the white received bubble. The header shows the contact name with an online indicator.
Same ChatMessage shape as the iMessage component — text, side, typingFrames, delay. Bubbles spring in, the typing dots show until typingFrames elapses, then the bubble pops in. Older messages slide upward when newer ones arrive.
Props
| Name | Type | Default |
|---|---|---|
| contactName | string | "sanku" |
| contactAvatar | string | "https://github.com/aryanranderiya.png" |
| messages | ChatMessage[] | [5 items] |
| theme | "light" | "dark" | "light" |
Composition
- ID
- WhatsAppMessages
- Resolution
- 1280×720
- FPS
- 60
- Duration
- 13.0s