Message bubbles

# Figma document

[- Message bubbles designs ](https://www.figma.com/file/iIjwDl9HjaaF1vlDU96h8K/INBOX-%C2%B7-Compound-iOS%2FAndroid-Components?type=design&node-id=141-22607&mode=design)

# Platform

- iOS and Android

```[tasklist]
# Design phase
- [ ] Component exists on Figma
- [ ] Component is documented in the component library
- [ ] Component is tested for theming
- [ ] Component shareout for designers
```

**Questions / considerations before completion:**

- Message contents (text, image, video) probably can’t dynamically adjust for the variety of different message content that we need. Should we have different bubble components for different types of message content?

- All variants are here, but getting them to work together has been tricky - there are two components here - a ‘stack’ component and a single bubble component. I’ve tried to surface as many variants as possible in the right panel.

- Read receipts and reactions for the stack component can only be removed by hiding them in the left panel - I’m unsure how to have them as an off option in the right panel

- Once this all is confirmed then Android versions need to be created (updating text styles and bubble width)

- The spacing of different items in the timeline needs to be finalised also (I can do this when I get back)