metadata-based-explorer1
Version:
Box UI Elements
31 lines (26 loc) • 882 B
Markdown
> **Note**
>
> `Media` is a compound component, the inner elements are not meant to be used outside of the Media container
Using the `Media.Menu` component is optional for a Media component and should go inside `Media.Body` for optimal reflow of the content around the menu icon
```js
const { MenuItem } = require('../menu');
<Media style={{ width: 300 }}>
<Media.Figure>
<Avatar size="large" />
</Media.Figure>
<Media.Body style={{ boxShadow: '0 0 2px 3px orange' }}>
<Media.Menu style={{ boxShadow: '0 0 2px 3px red' }}>
<MenuItem>Edit</MenuItem>
<MenuItem>Delete</MenuItem>
</Media.Menu>
<div>
<b>Yo Yo Ma</b> commented on this file
</div>
<div>
Please review the notes
<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>;
```