Sha256: 763d6ab701ec87cbcec9b8cb1224aa5d0ffdabebf09982750d9f7810019f2437

Contents?: true

Size: 943 Bytes

Versions: 1671

Compression:

Stored size: 943 Bytes

Contents

import React from "react"

import Message from "../_message"

const MessageHover = (props) => {
  return (
    <div>
      <Message
          avatarName='Mike Bishop'
          avatarStatus='online'
          avatarUrl='https://randomuser.me/api/portraits/men/50.jpg'
          borderRadius='rounded'
          hover={{ background: "success_subtle" }}
          label='Anna Black'
          message='How can we assist you today?'
          padding="xs"
          {...props}
      />

      <br />
      <br />
      <br />

      <Message
          avatarName='Becca Jacobs'
          avatarUrl='https://randomuser.me/api/portraits/women/50.jpg'
          borderRadius='rounded'
          hover={{ shadow: "deepest" }}
          label='Lucille Sanchez'
          message='Application for Kate Smith is waiting for your approval'
          padding="xs"
          {...props}
      />

      <br />

    </div>
  )
}

export default MessageHover

Version data entries

1,671 entries across 1,671 versions & 2 rubygems

Version Path
playbook_ui-14.12.0.pre.alpha.play1753updatepbcontenttags5889 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.play1830updateclassnamesdependency5888 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.12.0.pre.alpha.play1830updateclassnamesdependency5888 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR8335887 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR8335887 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY18565866 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.12.0.pre.alpha.PLAY18565866 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR779railsdraggablecrosscontainer5863 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR779railsdraggablecrosscontainer5863 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
playbook_ui_docs-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_message/docs/_message_hover.jsx