Back to components
Chat component
Chat Header
Conversation header with avatar, online status, and call/video/more actions.
Install
What it does
- Avatar + name + online/typing/last-seen status
- Back, voice-call, video-call, and more buttons (all optional)
- Safe-area top inset + bottom border
When to use
Use it
Top of any direct-message or group-chat screen.
Skip it
Standalone screens (use screen-header instead).
Files & routes added
- components/chat/chat-header.tsx