Variable defaultChatPanelStyles`Const`

defaultChatPanelStyles: ChatPanelStyles = ...

Default style values for the ChatPanel component.

Remarks

Controls spacing, sizing, and visual properties.

Example

import { defaultChatPanelStyles } from '@hiyve/react-collaboration';

// Create compact styles for mobile
const mobileStyles = {
  ...defaultChatPanelStyles,
  avatarSize: 28,
  avatarFontSize: '0.65rem',
  messageMaxWidth: '85%',
  messageBorderRadius: 12,
  headerPaddingX: 12,
  headerPaddingY: 8,
  inputPadding: 8,
};