Sha256: b939b7ae31da762fa2ee3412ca885adc0b6b432e2430ce4418a104b5f0db9fb7

Contents?: true

Size: 580 Bytes

Versions: 9

Compression:

Stored size: 580 Bytes

Contents

import React from 'react'
import {
  PbReactPopover,
} from '../..'

export default class PopoverDefault extends React.Component {
  state = {
    showPopover: false,
  }

  handleTogglePopover = () => {
    this.setState({ showPopover: !this.state.showPopover })
  }

  render() {
    const popoverReference = (
      <span onClick={this.handleTogglePopover}>{'Click me.'}</span>
    )

    return (
      <PbReactPopover
          reference={popoverReference}
          show={this.state.showPopover}
      >
        {'Whoa. I\'m a popover.'}
      </PbReactPopover>
    )
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
playbook_ui-4.6.1 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.6.0 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.5.2 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.5.1 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.5.0 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.4.1 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.4.0 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.3.1 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
playbook_ui-4.3.0 app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx