Live Chat Header Component

This component displays channel info

The component provides a visual representation of channel profile.

Features

Feature	Description
Display channel info	Display channel's display name, avatar, and member count

Customization

Config ID	Config Key	Type	Description
live_chat/chat_header/*	theme	Component	You can customize component theme

For more details customization, please refer to Customization page.

Usage

iOS

Android

React

import React from 'react';
import { AmityLiveChatHeader } from '@amityco/ui-kit';

interface SampleLiveChatHeaderProps {
  channel: Amity.Channel
}

const SampleLiveChatHeader = ({ channel }: SampleLiveChatHeaderProps) => {
  // Passing channel model
  return <AmityLiveChatHeader channel={channel} />
}

export default SampleLiveChatHeader;