Chat

Platform-agnostic chat UI with four themes: default, whatsapp, imessage, and slack. Accepts structured Chat data (use with whatsapp-parser or build manually).

core/chat

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default theme

Structured messages with sent/received layout.

Alice

Hey! Are you joining us for the trip to the Garden Route?

Absolutely! Booked my accommodation through Visitza — found an amazing cottage near Knysna.

Alice

Perfect 🌊 Can't wait!

WhatsApp theme

Lethabo

Did you see the property I shared earlier?

Yes! The one in Clarens? Looks stunning 😍

Lethabo

Book it before someone else does 😄

API Reference

Prop	Type	Default	Description
`chat`req	`Chat`	—	Structured chat data with participants and messages.
`currentUser`	`string`	—	Participant ID for the 'sent' side of the conversation.
`theme`	`"default" \| "whatsapp" \| "imessage" \| "slack"`	`"default"`	Visual theme of the chat UI.
`showTimestamps`	`boolean`	`true`	Show message timestamps.
`showAvatars`	`boolean`	`true`	Show participant avatars.
`groupConsecutive`	`boolean`	`true`	Group consecutive messages from the same sender.
`timeFormat`	`"12h" \| "24h"`	`"24h"`	Timestamp format.