joyent-portal/packages/ui-toolkit/src/popover/Readme.md

19 lines
470 B
Markdown
Raw Normal View History

2017-10-19 16:36:18 +03:00
```jsx
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 }}>
<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>;
```