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

    Interface ChatHubProps

    Props for the ChatHub component.

    interface ChatHubProps {
        activeChannelId: string | null;
        channelListProps?: Partial<ChatChannelListProps>;
        channelListWidth?: number;
        channels: ChatChannel[];
        colors?: Partial<ChatHubColors>;
        inputProps?: Partial<ChatInputProps>;
        isLoadingHistory?: boolean;
        labels?: Partial<ChatHubLabels>;
        localUserId: string;
        messageListProps?: Partial<ChatMessageListProps>;
        messages: ChatMessage[];
        onChannelSelect: (channelId: string) => void;
        onLoadMore?: () => void;
        onSend: (content: string) => void;
        renderMessageHeader?: (channel: ChatChannel | undefined) => ReactNode;
        sx?: SxProps<Theme>;
    }
    Index

    Properties

    activeChannelId channelListProps? channelListWidth? channels colors? inputProps? isLoadingHistory? labels? localUserId messageListProps? messages onChannelSelect onLoadMore? onSend renderMessageHeader? sx?

    Properties

    activeChannelId: string | null

    Currently active channel ID

    channelListProps?: Partial<ChatChannelListProps>

    Props passed to the channel list

    channelListWidth?: number

    Width of the channel list panel in pixels (default: 300)

    channels: ChatChannel[]

    Array of channels to display in the sidebar

    colors?: Partial<ChatHubColors>

    Custom colors

    inputProps?: Partial<ChatInputProps>

    Props passed to the input

    isLoadingHistory?: boolean

    Whether history is loading

    labels?: Partial<ChatHubLabels>

    Custom labels for i18n

    localUserId: string

    The local user's ID

    messageListProps?: Partial<ChatMessageListProps>

    Props passed to the message list

    messages: ChatMessage[]

    Messages for the active channel

    onChannelSelect: (channelId: string) => void

    Callback when a channel is selected

    onLoadMore?: () => void

    Callback to load more history

    onSend: (content: string) => void

    Callback when a message is sent

    renderMessageHeader?: (channel: ChatChannel | undefined) => ReactNode

    Custom render for the message area header

    sx?: SxProps<Theme>

    MUI sx styling prop

    Settings

    Member Visibility

    On This Page

    Properties