File tree Expand file tree Collapse file tree 1 file changed +23
-1
lines changed
packages/uui-popover-container/lib Expand file tree Collapse file tree 1 file changed +23
-1
lines changed Original file line number Diff line number Diff line change @@ -30,7 +30,7 @@ It is also a native popover. So everything descriped in the **[Popover documenta
30
30
documentation] ( https://developer.mozilla.org/en-US/docs/Web/API/Popover_API ) **
31
31
for more information.
32
32
</div >
33
- <br />
33
+ <Controls />
34
34
## Basic usage
35
35
36
36
``` html
@@ -39,3 +39,25 @@ It is also a native popover. So everything descriped in the **[Popover documenta
39
39
My popover content
40
40
</uui-popover-container >
41
41
```
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
+ ```
You can’t perform that action at this time.
0 commit comments