Pcln-popover NPM | npm.io

6.2.1 • Published 6 months ago

Install

Weekly downloads

235

License

MIT

Repository

Last release

6 months ago

pcln-popover

Smart Popover component

npm i pcln-popover

import Popover from 'pcln-popover'

  <Popover
    renderContent={({handleClose}) => (
      <div>
        <p>Hello there!</p>
        <button onClick={handleClose}>Click on me to close popover!</button>
      </div>
    ))}
    placement='top'
    ariaLabel='Test Popover'
    overlayOpacity={0.3}
    width={350}
    bg='lightBlue'
    borderColor='borderGray'
    zIndex={-1}
    isOpen={false} // popover will always be open if true
    openOnMount={false} // popover will be open on mount, but can be closed
  >
    <Button>Popover</Button>
  </Popover>

Note: <Popover> relies on values from theme, so it must be a descendent of <ThemeProvider> in order to work properly. Otherwise, you might experience errors like this:

Uncaught TypeError: Cannot read property '3' of undefined

@floating-ui/react-dom-interactions @styled-system/theme-get prop-types react-focus-lock

@infinitebrahmanuniverse/nolb-pc @everything-registry/sub-chunk-2420

10 months ago

9 months ago

7 months ago

8 months ago

6.1.30-toast-updates-1

10 months ago

8 months ago

7 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

8 months ago

6.1.30-toast-updates

10 months ago

6.1.39-debug-type-mismatch.0

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

9 months ago

10 months ago

10 months ago

10 months ago

6 months ago

7 months ago

6.3.0-rg-beta-1

6 months ago

10 months ago

10 months ago

6.1.28-multiroom-drawer-fix

10 months ago

11 months ago

6.1.24-storybook8.1

12 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

6.1.13-beta-updated-types-0.0.1

1 year ago

6.1.17-beta-bobby-1

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

6.1.18-radix-popover-2

1 year ago

1 year ago

1 year ago

6.1.14-beta-updated-types-0.0.2

1 year ago

6.1.11--alpha.0

1 year ago

1 year ago

6.1.9-6.13.0-beta-accordion-color-2

1 year ago

6.1.8-beta-accordion-color

1 year ago

1 year ago

6.1.8-heft-styled-components.2

1 year ago

1 year ago

6.1.7-heft-styled-components.1

1 year ago

1 year ago

1 year ago

6.1.5-heft-styled-components.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

6.0.14-6.7.2-beta-fix-carousel

1 year ago

1 year ago

1 year ago

1 year ago

6.0.12-ryan-dialog

1 year ago

6.0.12-alpha.1-loose-babel

1 year ago

6.0.12-alpha.2-loose-babel

1 year ago

6.0.12-alpha.0-no-minify

1 year ago

6.0.12-beta.0-loose-babel

1 year ago

6.0.12-beta.1-loose-babel

1 year ago

2 years ago

2 years ago

2 years ago

6.0.11-badgeCaption

2 years ago

6.0.10-gift-icon

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

5.5.17-beta.revert-zindex-0.0.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

5.5.23-beta-chat-message1

2 years ago

5.5.24-dialog-zindex2

2 years ago

5.5.24-dialog-zindx1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

5.5.14-beta-remove-dialog.0

2 years ago

5.5.16-beta-remove-dialog.1

2 years ago

5.5.10-accordion-ladder-3

2 years ago

5.5.5-accordion-ladder-1

2 years ago

2 years ago

5.5.4-choicechip-toplabel

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

5.5.4-choicechip-toplabel-2

2 years ago

5.5.7-scv5-0.0.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

5.5.10-5.20.0-beta.0

2 years ago

2 years ago

5.5.10-ryan-ladder-2

2 years ago

5.5.10-ryan-ladder-3

2 years ago

5.5.10-ryan-ladder-1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

5.2.0--peer-cleanup

2 years ago

5.2.0--peer-cleanup.2

2 years ago

5.2.4--modern.1

2 years ago

5.2.4--modern.0

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

4.6.13-fix-checkbox-indeterminate-beta.0

3 years ago

5.0.8-framer-motion-fix.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

5.0.11-custom-breakpoints-fix.0

2 years ago

4.6.10-checkbox-ref-v4-beta.2

3 years ago

4.6.10-checkbox-ref-v4-beta.0

3 years ago

5.0.7-nm-beta.1

3 years ago

5.0.3-modal-bug.0

3 years ago

5.0.3-modal-bug.1

3 years ago

5.0.3-modal-bug.2

3 years ago

5.0.3-modal-bug.3

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

5.0.0-v5-beta.13

3 years ago

5.0.0-v5-beta.14

3 years ago

5.0.0-v5-beta.11

3 years ago

5.0.0-v5-beta.12

3 years ago

5.0.0-v5-beta.10

3 years ago

5.0.0-v5-beta.19

3 years ago

5.0.0-v5-beta.17

3 years ago

5.0.0-v5-beta.18

3 years ago

5.0.0-v5-beta.15

3 years ago

5.0.0-v5-beta.16

3 years ago

5.0.0-v5-beta.20

3 years ago

5.0.0-v5-beta.21

3 years ago

5.0.0-v5-beta.3

3 years ago

5.0.0-v5-beta.2

3 years ago

5.0.0-v5-beta.1

3 years ago

5.0.0-v5-beta.0

3 years ago

5.0.0-v5-beta.9

3 years ago

5.0.0-v5-beta.8

3 years ago

5.0.0-v5-beta.7

3 years ago

5.0.0-v5-beta.6

3 years ago

5.0.0-v5-beta.5

3 years ago

5.0.0-v5-beta.4

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4.4.1-nm-beta.6

3 years ago

4.4.1-nm-beta.5

3 years ago

4.4.6-test-cp.0

3 years ago

4.4.0-nm-beta.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4.3.22-beta-toggle-name.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4.3.11-beta.0-text-style

3 years ago

4.3.15-beta-zindex.0

3 years ago

4.3.16-beta.theme-wrapper-1

3 years ago

4.3.11-beta.1-text-style

3 years ago

4.3.16-beta.theme-wrapper-0

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4.3.3-beta.3-ts-core

4 years ago

4.3.3-beta.1-ts-core

4 years ago

4.3.3-4.13.1-beta.5-ts-core

4 years ago

4.3.0-beta.4-cp

4 years ago

4.3.7-card-border-radius-0

4 years ago

4.3.3-beta.4-ts-core

4 years ago

4.3.3-beta.2-ts-core

4 years ago

4 years ago

4 years ago

4 years ago

4.3.9-fix-stack-overflow-1

4 years ago

4 years ago

4.3.3-beta.0-ts-core

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

4.0.2-holiday-2020.1

5 years ago

4.0.2-holiday-2020.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago