Skip to content

Commit 6ef5007

Browse files
committed
add controls and more examples to docs
1 parent 706cd23 commit 6ef5007

File tree

1 file changed

+23
-1
lines changed

1 file changed

+23
-1
lines changed

packages/uui-popover-container/lib/uui-popover-container.mdx

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ It is also a native popover. So everything descriped in the **[Popover documenta
3030
documentation](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)**
3131
for more information.
3232
</div>
33-
<br />
33+
<Controls />
3434
## Basic usage
3535

3636
```html
@@ -39,3 +39,25 @@ It is also a native popover. So everything descriped in the **[Popover documenta
3939
My popover content
4040
</uui-popover-container>
4141
```
42+
43+
## Change placement
44+
45+
```html
46+
<uui-button popovertarget="my-popover">Open Popover</uui-button>
47+
<uui-popover-container id="my-popover" popover placement="top-start">
48+
My popover content
49+
</uui-popover-container>
50+
```
51+
52+
## Nested popover
53+
54+
```html
55+
<uui-button popovertarget="my-popover">Open Popover</uui-button>
56+
<uui-popover-container id="my-popover" popover>
57+
My popover content
58+
<uui-button popovertarget="my-popover-2">Open another popover</uui-button>
59+
<uui-popover-container id="my-popover-2" popover>
60+
My other popover content
61+
</uui-popover-container>
62+
</uui-popover-container>
63+
```

0 commit comments

Comments
 (0)