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

21 lines
519 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('./');
const { Row, Col } = 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 }}>
2017-10-19 16:36:18 +03:00
<Col xs={2}>
<Container>
<Target>Hello</Target>
<Popover placement="right">
<Item>Scale</Item>
<Item>Restart</Item>
<Item>Stop</Item>
<Divider />
<Item>Delete</Item>
</Popover>
</Container>
</Col>
</Row>;
```