Skip to content

MessageProps

type MessageProps = {
author?: "me" | "you";
autoFloat?: boolean;
children?: ReactNode;
errorMessage?: string;
errorState?: boolean;
from?: string;
time?: string;
} & CustomStyleProps;
Name Type Description
author? "me" | "you" Changes the styling on chat bubble background and border bottom radius. Defaults to “you”
autoFloat? boolean Auto floats the bubble to the right or left depending on the author
children? ReactNode -
errorMessage? string Error message to show when a message has failed to send
errorState? boolean Error state shows when a message has failed to send and the opacity changes
from? string Displays the sender of the message.
time? string Displays the message received time.