signal-desktop/ts/components/conversation/TypingBubble.md
2019-01-14 17:40:31 -08:00

38 lines
823 B
Markdown

### In message bubble
```jsx
<util.ConversationContext theme={util.theme} ios={util.ios}>
<li>
<TypingBubble conversationType="direct" i18n={util.i18n} />
</li>
<li>
<TypingBubble color="teal" conversationType="direct" i18n={util.i18n} />
</li>
</util.ConversationContext>
```
### In message bubble, group conversation
```jsx
<util.ConversationContext theme={util.theme} ios={util.ios}>
<li>
<TypingBubble color="red" conversationType="group" i18n={util.i18n} />
</li>
<li>
<TypingBubble
color="purple"
authorName="First Last"
conversationType="group"
i18n={util.i18n}
/>
</li>
<li>
<TypingBubble
avatarPath={util.gifObjectUrl}
color="blue"
conversationType="group"
i18n={util.i18n}
/>
</li>
</util.ConversationContext>
```