Sha256: cc67f7c1dc5f877e91c71b577103c808a59194c86cc48715c583c271ec65e9c4

Contents?: true

Size: 1.66 KB

Versions: 148

Compression:

Stored size: 1.66 KB

Contents

import React from 'react'
import { Message } from '../../'

const MessageDefault = () => {
  return (
    <div>
      <Message
          avatarName="Mike Bishop"
          avatarStatus="online"
          avatarUrl="https://randomuser.me/api/portraits/men/50.jpg"
          label="Message"
          message="How can we assist you today?"
          timestamp="20 seconds ago"
      />

      <br />
      <br />

      <Message
          avatarName="Wade Winningham"
          avatarUrl="https://randomuser.me/api/portraits/men/14.jpg"
          label="Support"
          message="We will escalate this issue to a Senior Support agent."
          timestamp="9 minutes ago"
      />

      <br />
      <br />

      <Message
          avatarName="Lisa Thompson"
          avatarUrl="https://randomuser.me/api/portraits/women/39.jpg"
          message="To process your order, I will need your full name."
          timestamp="4 hours ago"
      />

      <br />
      <br />

      <Message
          avatarName="Becca Jacobs"
          avatarUrl="https://randomuser.me/api/portraits/women/50.jpg"
          label="Application"
          message="Application for Kate Smith is waiting for your approval"
          timestamp="2 days ago"
      />

      <br />
      <br />

      <Message
          avatarName="Timothy Wenhold"
          label="Complaint"
          message="We are so sorry you had a bad experience!"
          timestamp="2 days ago"
      />

      <br />
      <br />

      <Message
          label="Support"
          message="Please hold for one moment, I will check with my manager."
          timestamp="2 days ago"
      />

    </div>
  )
}

export default MessageDefault

Version data entries

148 entries across 148 versions & 1 rubygems

Version Path
playbook_ui-7.11.1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.11.0 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.11.0.pre.alpha1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.10.0 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.9.0 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.8.4 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.8.3 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.8.2 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.8.1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.8.0 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.7.0.pre.alpha1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.7.0 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.6.2.pre.alpha1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.6.2 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.6.1.pre.alpha1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.6.1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.6.0 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.5.1 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.5.0 app/pb_kits/playbook/pb_message/docs/_message_default.jsx
playbook_ui-7.4.2 app/pb_kits/playbook/pb_message/docs/_message_default.jsx