Meeting Link

Meeting Link Component

MeetingLink component can be use for sending meeting links. On the other hand can be use in message box.

This is a meeting link for tomorrow's event.

Join

Later

Example Usages

import { MessageBox } from "react-chat-elements"

<MessageBox
  position={"left"}
  title="Emre"
  type={"meetingLink"}
  meetingID="1"
  text="This is a meeting link for tomorrow's event."
  actionButtons={[
    {
      onClickButton: () => {
        alert("Joined")
      },
      Component: () => <div>Join</div>,
    },
    {
      onClickButton: () => {
        alert("Postponed")
      },
      Component: () => <div>Later</div>,
    },
  ]}
/>

Result

Emre

This is a meeting link for tomorrow's event.

Join

Later

import { MeetingLink } from "react-chat-elements"

<MeetingLink
  text="This is a meeting link for tomorrow's event."
  meetingID="1"
  actionButtons={[
    {
      onClickButton: () => {
        alert("Joined")
      },
      Component: () => <div>Join</div>,
    },
    {
      onClickButton: () => {
        alert("Postponed")
      },
      Component: () => <div>Later</div>,
    },
  ]}
/>

Result

This is a meeting link for tomorrow's event.

Join

Later

Meeting Link Props

prop	default	type	description
meetingID	none	string	meeting link meeting id
text	none	string	meeting link text
actionButtons	none	IMeetingLinkActionButtons	meeting link buttons

IMeetingLinkActionButtons Props

prop	default	type	description
onClickButton	none	function	button onClick event
Component	none	React.FunctionComponent	button component