joyent-portal/packages/ui-toolkit/src/popover
Sérgio Ramos e7cd8f7561 chore: cleanup deps and flows 2018-02-28 11:18:40 +00:00
..
__tests__ 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
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

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