10.12.0

Message

This multi kit consist of a an avatar, a status, a caption, a body text, and a time stamp. All which can be optional.

Default

Anna Black

20 seconds ago
How can we assist you today?


Patrick Welch

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


Lucille Sanchez

4 hours ago
Application for Kate Smith is waiting for your approval


Beverly Reyes

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


Keith Craig

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


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


2 days ago
picture of a misty forest


2 days ago
picture of a misty forest
Please hold for one moment, I'll check with my manager.

Use this kit when displaying a message or a sort of communication with either a user or a bot. Use it in history displays, chat rooms, discussion threads or comments section.

With Timestamp Hover

Anna Black

4 hours ago
Oct 19 · 9:13p
Hover over me to check out the real time I was made!


Becca Jacobs

12.20p
Oct 19 · 9:13p
Application for Kate Smith is waiting for your approval


Things To Avoid

Avoid changing the format of this kit. Keep the layout true to its original design.


Available Props

  • classname
  • dark
  • margin
  • margin_bottom
  • margin_left
  • margin_right
  • margin_top
  • margin_x
  • margin_y
  • max_width
  • padding
  • padding_bottom
  • padding_left
  • padding_right
  • padding_top
  • padding_x
  • padding_y
  • z_index
  • number_spacing
  • id
  • data
  • aria
  • children
  • avatar_name
  • avatar_status
  • avatar_url
  • label
  • message
  • timestamp
  • timestamp_object
  • timezone
  • align_timestamp