Popover

Show a popup bubble when clicking on an element. Wrap the element you want to target in the popup bubble.

Installation

import {Popover} from 'uxp/components';

Examples

<Popover title='Details' content={'Name:' + props.name}>
     <span>Click to see name</span>
</Popover>

Properties

Name	Type	Description
title	string | IContentFunction	title of the popup bubble This can be either a string or a JSX element
content	string | IContentFunction	the content to show within the bubble This can be either a string or a JSX element *
position	IPopoverPosition	Where the bubble should be positioned relative to the element

title

---

title of the popup bubble This can be either a string or a JSX element

type
string | IContentFunction

title="Popover Title"

```tsx
title={() => <div>Popover Title</div>

content

---

the content to show within the bubble This can be either a string or a JSX element

type
string | IContentFunction

content="Popover Content"

```tsx
content={() => <div>Popover content</div>

position

---

Where the bubble should be positioned relative to the element

type
IPopoverPosition