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

Version Path
playbook_ui-7.14.0 app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx
playbook_ui-7.13.0.pre.alpha1 app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx
playbook_ui-7.13.0 app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx
playbook_ui-7.12.1 app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx
playbook_ui-7.12.0 app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx