message-feed

Message Feed

Installation

Yarn

yarn add @lg-chat/message-feed

NPM

npm install @lg-chat/message-feed

Example

import { MessageFeed } from '@lg-chat/message-feed';

return (
  <MessageFeed darkMode={darkMode} {...rest}>
    {messages.map(
      ({ id, isMongo, messageBody, userName, messageRatingProps }) => (
        <Message
          key={id}
          sourceType="markdown"
          darkMode={darkMode}
          avatar={
            <Avatar
              variant={isMongo ? 'mongo' : 'user'}
              darkMode={darkMode}
              name={userName}
            />
          }
          isSender={!!userName}
          messageRatingProps={messageRatingProps}
        >
          {messageBody}
        </Message>
      ),
    )}
  </MessageFeed>
);

Properties

Prop	Type	Description	Default
darkMode	boolean	Determines if the component should render in dark mode	false
...	HTMLElementProps<'div'>	Props spread on root element