Skip to content

Commit

Permalink
chore(menu): add note about placement bottom (VIV-2223) (#2035)
Browse files Browse the repository at this point in the history
  • Loading branch information
rachelbt authored Dec 1, 2024
1 parent 02a22cd commit 403568b
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions libs/components/src/lib/menu/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,14 @@ Use the `placement` attribute to control the position of the menu relative to it
- Type: `'top'` | `'top-start'` | `'top-end'` | `'right'` | `'right-start'` | `'right-end'` | `'bottom'` | `'bottom-start'` | `'bottom-end'`| `'left'` | `'left-start'`| `'left-end'`
- Default: `'bottom'`

<vwc-note connotation="warning" icon="warning-line" headline="Bottom Placement at Viewport side">

When the menu anchor is placed close to the start/end of the viewport, `placement` of `bottom` or `top` will not present well due to lack of space.

In such cases - prefer using `bottom-start` or `end` instead.

</vwc-note>

```html preview 150px
<div style="position: relative; text-align: end;">
<vwc-menu
Expand Down

0 comments on commit 403568b

Please sign in to comment.