Message

This multi kit consists of a an avatar, a status, a caption, a body text, and a time stamp, all of which are optional.

Default


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


Hover


Mentions


The message kit also supports @mentions using a compound component structure. See the code example for details on how to pass user mentions through your messages.


Things To Avoid

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

Available Props