You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
## With image
|
|
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
|
const message = {
|
|
|
|
|
id: '1',
|
|
|
|
|
thumbnailObjectUrl: 'https://placekitten.com/76/67',
|
|
|
|
|
attachments: [
|
|
|
|
|
{
|
|
|
|
|
fileName: 'foo.jpg',
|
|
|
|
|
contentType: 'image/jpeg',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## With video
|
|
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
|
const message = {
|
|
|
|
|
id: '1',
|
|
|
|
|
thumbnailObjectUrl: 'https://placekitten.com/76/67',
|
|
|
|
|
attachments: [
|
|
|
|
|
{
|
|
|
|
|
fileName: 'foo.jpg',
|
|
|
|
|
contentType: 'video/mp4',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Without image
|
|
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
|
const message = {
|
|
|
|
|
id: '1',
|
|
|
|
|
attachments: [
|
|
|
|
|
{
|
|
|
|
|
fileName: 'foo.jpg',
|
|
|
|
|
contentType: 'application/json',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
|
|
|
```
|