Skip to content

README.md

Latest commit

 

History

History
26 lines (20 loc) · 639 Bytes

README.md

File metadata and controls

26 lines (20 loc) · 639 Bytes

@fluentui-contrib/react-chat

Chat component powered by Fluent UI and used in Microsoft Teams.

Try it out

yarn add @fluentui-contrib/react-chat

npm install @fluentui-contrib/react-chat
import * as React from 'react';
import { Avatar } from '@fluentui/react-components';
import { Chat, ChatMessage, ChatMyMessage } from '@fluentui-contrib/react-chat';

export const SampleChat = () => {
  return (
    <Chat>
      <ChatMessage avatar={<Avatar name="Ashley McCarthy" badge={{ status: 'available' }} />}>Hello I am Ashley</ChatMessage>
      <ChatMyMessage>Nice to meet you!</ChatMyMessage>
    </Chat>
  );
};