Render emoji like a sticker
This commit is contained in:
parent
1466f9f1b2
commit
7c9b8e919c
8 changed files with 97 additions and 30 deletions
|
@ -192,6 +192,22 @@ story.add('Plain Message', () => {
|
|||
return renderBothDirections(props);
|
||||
});
|
||||
|
||||
story.add('Emoji Messages', () => (
|
||||
<>
|
||||
<Message {...createProps({ text: '😀' })} />
|
||||
<br />
|
||||
<Message {...createProps({ text: '😀😀' })} />
|
||||
<br />
|
||||
<Message {...createProps({ text: '😀😀😀' })} />
|
||||
<br />
|
||||
<Message {...createProps({ text: '😀😀😀😀' })} />
|
||||
<br />
|
||||
<Message {...createProps({ text: '😀😀😀😀😀' })} />
|
||||
<br />
|
||||
<Message {...createProps({ text: '😀😀😀😀😀😀😀' })} />
|
||||
</>
|
||||
));
|
||||
|
||||
story.add('Delivered', () => {
|
||||
const props = createProps({
|
||||
direction: 'outgoing',
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue