All pages
Powered by GitBook
1 of 1

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 on customization, please refer to the Customization page.

Usage

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;