Sha256: 70ac65602d426189d3af2743582597278acc69b5d8210cf4dde0b106a59e1747
Contents?: true
Size: 1.56 KB
Versions: 95
Compression:
Stored size: 1.56 KB
Contents
import React, { useState } from 'react'
import {
Body,
Button,
PbReactPopover,
Title,
} from '../..'
const PopoverScrollHeightDark = () => {
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}
>
<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."
/>
<Title
dark
size={4}
text="- Abraham Lincoln"
/>
</PbReactPopover>
)
}
export default PopoverScrollHeightDark
Version data entries
95 entries across 95 versions & 1 rubygems