Sha256: 326113e7d465b86bc3f30d52c70c89c9f14c7f524f146d60bd1f90cc2283b052

Contents?: true

Size: 686 Bytes

Versions: 2

Compression:

Stored size: 686 Bytes

Contents

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

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

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

  render() {
    const popoverReference = (
      <Button
          onClick={this.handleTogglePopover}
          text="Button Secondary"
          variant="secondary"
      />
    )

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

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
playbook_ui-4.3.1 app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx
playbook_ui-4.3.0 app/pb_kits/playbook/pb_popover/docs/_popover_with_button.jsx