joyent-portal/packages/ui-toolkit/src/popover
Sérgio Ramos 6fb2dc85e6 test: update snapshots 2018-01-08 15:05:48 +00:00
..
__tests__ test: update snapshots 2018-01-08 15:05:48 +00:00
Readme.md test: update snapshots 2018-01-08 15:05:48 +00:00
divider.js feat(ui-toolkit): tooltip and popover 2017-10-24 15:21:39 +01:00
index.js fix(ui-toolkit): fix border of popover tip 2017-12-22 14:58:16 +00:00
item.js fix(ui-toolkit): fix small bugs 2017-12-18 11:25:50 +00:00

Readme.md

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

<Row center="xs" between="xs" style={{ marginTop: 80 }}>
  <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>;