2017-10-19 16:36:18 +03:00
|
|
|
```jsx
|
2017-10-31 12:03:44 +02:00
|
|
|
const React = require('react');
|
2017-10-19 16:36:18 +03:00
|
|
|
const { default: Popover, Container, Target, Item, Divider } = require('./');
|
2018-02-28 00:40:51 +02:00
|
|
|
const { Row } = require('joyent-react-styled-flexboxgrid');
|
2017-10-19 16:36:18 +03:00
|
|
|
|
2018-01-04 20:26:28 +02:00
|
|
|
<Row center="xs" between="xs" style={{ marginTop: 80 }}>
|
2018-02-26 14:07:30 +02:00
|
|
|
<Container>
|
|
|
|
<Target>Hello</Target>
|
|
|
|
<Popover placement="right">
|
|
|
|
<Item>Scale</Item>
|
|
|
|
<Item>Restart</Item>
|
|
|
|
<Item>Stop</Item>
|
|
|
|
<Divider />
|
|
|
|
<Item>Delete</Item>
|
|
|
|
</Popover>
|
|
|
|
</Container>
|
2017-10-19 16:36:18 +03:00
|
|
|
</Row>;
|
|
|
|
```
|