Message Bubbles
Message Bubbles are populated with messages sent between pros and customers.
Last updated
Message Bubbles are populated with messages sent between pros and customers.
Last updated
Message bubbles include the message from the user and the time it was sent. Depending on the context and length of the messages, the style of message bubble changes.
1. Sent Messages (m-message-sent)
2. Received Messages (m-message-received)
When a user is sending the message to another message, that message will be populated in the chat detail view. Depending on the length of the message, the UI's max width will change.
1. Container
2. Message Text (a-text-paragraph)
3. Time Stamp (a-text-label) After 24 hours, the message time stamp will reflect the date (mm/dd) and time (XX:XX) it was sent.
Received messages will adopt most of the stylings of sent messages.
1. Container
2. Message Text (a-text-paragraph)
3. Time Stamp (a-text-label) After 24 hours, the message time stamp will reflect the date (mm/dd) and time (XX:XX) it was sent.
