joyent-portal/packages/ui-toolkit/src/popover
Sérgio Ramos fc84358dff feat(templates): bootstrap 2018-06-04 11:46:08 +01:00
..
__tests__ feat(templates): bootstrap 2018-06-04 11:46:08 +01:00
Readme.md chore: cleanup deps and flows 2018-02-28 11:18:40 +00:00
divider.js feat(templates): bootstrap 2018-06-04 11:46:08 +01:00
index.js refactor(instances): refactor create instance flow 2018-05-08 15:32:10 +01:00
item.js feat(templates): bootstrap 2018-06-04 11:46:08 +01: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>;