3.0.1 • Published 1 year ago

@lg-chat/message-feed v3.0.1

Weekly downloads
-
License
Apache-2.0
Repository
-
Last release
1 year ago

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

PropTypeDescriptionDefault
darkModebooleanDetermines if the component should render in dark modefalse
...HTMLElementProps<'div'>Props spread on root element