3.0.1 • Published 1 year ago
@lg-chat/message-feed v3.0.1
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 |