joyent-portal/packages/ui-toolkit/src/popover
2017-12-22 14:58:16 +00:00
..
__tests__ test(ui-toolkit): initial tests 2017-12-22 01:08:27 +00:00
divider.js feat(ui-toolkit): tooltip and popover 2017-10-24 15:21:39 +01:00
index.js fix(ui-toolkit): fix border of popover tip 2017-12-22 14:58:16 +00:00
item.js fix(ui-toolkit): fix small bugs 2017-12-18 11:25:50 +00:00
Readme.md fix(ui-toolkit): fix small bugs 2017-12-18 11:25:50 +00:00

const React = require('react');
const { default: Popover, Container, Target, Item, Divider } = require('./');
const { Row, Col } = require('react-styled-flexboxgrid');

<Row center="xs" between="xs" style={{marginTop: 80}}>
  <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>;