Sha256: c5611adfd04b77165a46704a7b8ce8f4e7802b847aa7961a79021cd0f51b8514
Contents?: true
Size: 650 Bytes
Versions: 15
Compression:
Stored size: 650 Bytes
Contents
import React, { useState } from 'react'
import {
Button,
PbReactPopover,
} from '../..'
const PopoverPortal = () => {
const [showPopover, setShowPopover] = useState(false)
const handleTogglePopover = () => {
setShowPopover(!showPopover)
}
const popoverReference = (
<Button
onClick={handleTogglePopover}
text="Button Secondary"
variant="secondary"
/>
)
return (
<PbReactPopover
placement="bottom"
reference={popoverReference}
show={showPopover}
usePortal
>
{'Whoa. I\'m a portal popover.'}
</PbReactPopover>
)
}
export default PopoverPortal
Version data entries
15 entries across 15 versions & 1 rubygems