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


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



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