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 |