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