joyent-portal/packages/ui-toolkit/src/popover/Readme.md
Sérgio Ramos d84f972fbe smaller and simpler Card api (#821)
* feat(ui-toolkit): smaller and simpler Card api

fixes: #809
fixes: #777

* feat(ui-toolkit) - Make adjustments to header (#824)

* feat(ui-toolkit) - Make adjustments to header

* feat(ui-toolkit) - Make adjustments to header

* add issue and pull request templates (#819)

* feat(all) - Add issue and pull ruequest templates

* Update PULL_REQUEST_TEMPLATE.md

* Create COMMIT_GUIDELINES.md

* Update PULL_REQUEST_TEMPLATE.md

* Update PULL_REQUEST_TEMPLATE.md

* Update COMMIT_GUIDELINES.md

* feat(ui-toolkit): smaller and simpler Card api

fixes: #809
fixes: #777
2017-10-31 10:03:44 +00:00

486 B

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

<Row center="xs" between="xs">
  <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>;