Sha256: fcec37720fbefc309369063cc74bd81be9080908b5e137a2508981a5e4765cc9
Contents?: true
Size: 1.62 KB
Versions: 5
Compression:
Stored size: 1.62 KB
Contents
import React, { useState } from 'react'
import {
Body,
Button,
PbReactPopover,
Title,
} from '../..'
const PopoverScrollHeightDark = (props) => {
const [showPopover, setShowPopover] = useState(false)
const handleTogglePopover = () => {
setShowPopover(!showPopover)
}
const handleShouldClosePopover = (shouldClosePopover) => {
setShowPopover(!shouldClosePopover)
}
const popoverTrigger = (
<Button
dark
onClick={handleTogglePopover}
text="Click Me"
variant="primary"
/>
)
return (
<PbReactPopover
closeOnClick="any"
maxHeight="150px"
maxWidth="240px"
offset
placement="top"
reference={popoverTrigger}
shouldClosePopover={handleShouldClosePopover}
show={showPopover}
{...props}
>
<Body
marginBottom="sm"
text=" Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal. Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this."
{...props}
/>
<Title
dark
size={4}
text="- Abraham Lincoln"
{...props}
/>
</PbReactPopover>
)
}
export default PopoverScrollHeightDark
Version data entries
5 entries across 5 versions & 1 rubygems