3.0.1 • Published 2 years ago
@lg-chat/message-feed v3.0.1
Message Feed
Installation
Yarn
yarn add @lg-chat/message-feedNPM
npm install @lg-chat/message-feedExample
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 |