joyent-portal/packages/ui-toolkit/src/popover
Sara Vieira 9bdf02b1ba feat(ui-toolkit): add new components
references #1238

this includes:
 - add footer and frids
 - update colors
 - add tags
 - add empty table
 - add superscript
 - add toasts
2018-03-20 11:44:20 +00:00
..
__tests__ feat(ui-toolkit): add new components 2018-03-20 11:44:20 +00:00
divider.js feat(images): delete image in summary and list 2018-02-14 19:36:31 +00:00
index.js feat(bundle): support sso 2018-01-19 11:16:08 +00:00
item.js fix(ui-toolkit): overhaul components 2018-02-26 12:07:30 +00:00
Readme.md chore: cleanup deps and flows 2018-02-28 11:18:40 +00:00

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

<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>
</Row>;