Hiyve Components - v1.0.0
    Preparing search index...

    Interface ChatMessageListProps

    Props for the ChatMessageList component.

    interface ChatMessageListProps {
        colors?: Partial<ChatPanelColors>;
        labels?: Partial<ChatPanelLabels>;
        localUserId: string;
        messages: ChatMessage[];
        onError?: (error: Error) => void;
        onLinkClick?: (url: string, event: MouseEvent<HTMLAnchorElement>) => void;
        renderProps?: ChatPanelRenderProps;
        showAvatars?: boolean;
        showTimestamps?: boolean;
        styles?: Partial<ChatPanelStyles>;
        sx?: SxProps<Theme>;
    }
    Index

    Properties

    colors? labels? localUserId messages onError? onLinkClick? renderProps? showAvatars? showTimestamps? styles? sx?

    Properties

    colors?: Partial<ChatPanelColors>

    Custom colors

    labels?: Partial<ChatPanelLabels>

    Custom labels

    localUserId: string

    The local user's ID (for distinguishing own messages)

    messages: ChatMessage[]

    Array of messages to display

    onError?: (error: Error) => void

    Callback fired when an error occurs (e.g., timestamp formatting)

    onLinkClick?: (url: string, event: MouseEvent<HTMLAnchorElement>) => void

    Called when a link inside a message body is clicked. Call event.preventDefault() and navigate yourself to keep the link in-app (e.g. same-origin links in an installed PWA, which browsers would otherwise open in an in-app browser sheet). Without a handler (or when the default isn't prevented) links open in a new tab.

    renderProps?: ChatPanelRenderProps

    Render props for advanced customization

    showAvatars?: boolean

    Show avatars for messages (default: true)

    showTimestamps?: boolean

    Show timestamps on messages (default: true)

    styles?: Partial<ChatPanelStyles>

    Custom styles

    sx?: SxProps<Theme>

    MUI sx styling prop

    Settings

    Member Visibility

    On This Page

    Properties