joyent-portal/packages/ui-toolkit/src/popover
Sérgio Ramos 75e5454b92 implement table components and integrate them (#822)
* feat: implement table components and integrate them

* fix(ui-toolkit): styleguide css

* fix(ui-toolkit): merge
2017-10-31 10:29:15 +00:00
..
divider.js feat(ui-toolkit): tooltip and popover 2017-10-24 15:21:39 +01:00
index.js feat(ui-toolkit): tooltip and popover 2017-10-24 15:21:39 +01:00
item.js implement table components and integrate them (#822) 2017-10-31 10:29:15 +00:00
Readme.md smaller and simpler Card api (#821) 2017-10-31 10:03:44 +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">
  <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>;