AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Content

Audio and group chats

A group chat with sender names, avatars, and voice messages.

Loading preview…

When to use

Use the group chat components when a conversation has more than two people. Sender names, avatars, and voice messages make it clear who said what.

Props

PropValuesDefaultDescription
data-groupbooleanfalseGroup chat with sender names.
data-audioon .ios-bubblebooleanfalseVoice message.
data-editedon .ios-messages__statusbooleanfalseEdited label.