2.9.7






Message

Default

Message
How can we assist you today?
20 seconds ago


Support
We'll escalate this issue to a Senior Support agent.
9 minutes ago


To processs your order, I'll need your full name.
4 hours ago


Application
Application for Kate Smith is waiting for your approval


Complaint
We're so sorry you had a bad experience!
2 days ago


Support
Please hold for one moment, I'll check with my manager.
2 days ago

Close
<%= pb_rails("message", props: {
  label: "Message",
  message: "How can we assist you today?",
  timestamp: "20 seconds ago",
  avatar_name: "Mike Bishop",
  avatar_url: "https://randomuser.me/api/portraits/men/50.jpg",
  avatar_status: "online"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Support",
  message: "We'll escalate this issue to a Senior Support agent.",
  timestamp: "9 minutes ago",
  avatar_name:"Wade Winningham",
  avatar_url: "https://randomuser.me/api/portraits/men/14.jpg"
}) %>

<br><br>

<%= pb_rails("message", props: {
  message: "To processs your order, I'll need your full name.",
  timestamp: "4 hours ago",
  avatar_name: "Lisa Thompson",
  avatar_url: "https://randomuser.me/api/portraits/women/39.jpg"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Application",
  message: "Application for Kate Smith is waiting for your approval",
  avatar_name: "Becca Jacobs",
  avatar_url: "https://randomuser.me/api/portraits/women/50.jpg"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Complaint",
  message: "We're so sorry you had a bad experience!",
  timestamp: "2 days ago",
  avatar_name: "Tim Wenhold"
}) %>

<br><br>

<%= pb_rails("message", props: {
  label: "Support",
  message: "Please hold for one moment, I'll check with my manager.",
  timestamp: "2 days ago"
}) %>
Available Props
id
data
classname
aria
children
avatar_name
avatar_status
avatar_url
label
message
timestamp