Skip to content
This repository was archived by the owner on Mar 27, 2025. It is now read-only.

Commit 81aaa1d

Browse files
committed
docs for dropdown container
1 parent ad7c951 commit 81aaa1d

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

apps/docs/src/docs/components/dropdown.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -330,6 +330,10 @@ By default, dropdowns are visually constrained to their clipping ancestors, whic
330330

331331
**Note:** When `boundary` is any value other than the default of `clippingAncestors`, the style `position: static` is applied to the dropdown component's root element to allow the menu to "break out" of its scroll container. In some situations, this may affect your layout or positioning of the dropdown trigger button. In these cases, you may need to wrap your dropdown inside another element
332332

333+
### Container element
334+
335+
By default, dropdowns are next to the toggle button. However, you can specify a container element via the `container` prop where dropdowns will be teleported to instead. Supported values are CSS selector string, an actual DOM node or a reference to an HTML element.
336+
333337
### Dropdown auto close behavior
334338

335339
By default, the dropdown menu is closed when clicking inside or outside the dropdown menu. You can use the `auto-close` property to change this behavior of the dropdown.

0 commit comments

Comments
 (0)