@hrobarikt/box-ui-elements
Version:
Box UI Elements
31 lines (27 loc) • 800 B
Markdown
> **Note**
>
> `Media` is a compound component, the inner elements are not meant to be used outside of the Media container
```js
const { MenuItem } = require('../menu');
<Media style={{ width: 300 }}>
<Media.Figure>
<Avatar size="large" />
</Media.Figure>
<Media.Body style={{ boxShadow: '0 0 2px 3px red' }}>
<Media.Menu>
<MenuItem>Edit</MenuItem>
<MenuItem>Delete</MenuItem>
</Media.Menu>
<div>
<b>Yo Yo Ma</b> commented on this file
</div>
<div>
Long strings without spaces wrap:
<br />
Thistextdoesnothaveanyspacesanditshouldbewrappedinsidethecontaineralignedwiththerightedge
<br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8
9 0 1 2 3 4 5 6 7 8 9
</div>
</Media.Body>
</Media>;
```