better explanation of menu placement

nicegui/elements/menu.py

@@ -12,6 +12,7 @@ class Menu(ValueElement):
         """Menu
 
         Creates a menu.
+        The menu should be placed inside the element where it should be shown.
 
         :param value: whether the menu is already opened (default: `False`)
         """

website/reference.py

@@ -483,15 +483,16 @@ and [tab panels](https://quasar.dev/vue-components/tab-panels) API.
 
     @example(ui.menu, menu)
     def menu_example():
-        choice = ui.label('Try the menu.')
-        with ui.row():
-            with ui.menu() as menu:
-                ui.menu_item('Menu item 1', lambda: choice.set_text('Selected item 1.'))
-                ui.menu_item('Menu item 2', lambda: choice.set_text('Selected item 2.'))
-                ui.menu_item('Menu item 3 (keep open)', lambda: choice.set_text('Selected item 3.'), auto_close=False)
-                ui.separator()
-                ui.menu_item('Close', on_click=menu.close)
-            ui.button('Open menu', on_click=menu.open)
+        with ui.row().classes('w-full items-center'):
+            result = ui.label().classes('mr-auto')
+            with ui.button(on_click=lambda: menu.open()).props('icon=menu'):
+                with ui.menu() as menu:
+                    ui.menu_item('Menu item 1', lambda: result.set_text('Selected item 1'))
+                    ui.menu_item('Menu item 2', lambda: result.set_text('Selected item 2'))
+                    ui.menu_item('Menu item 3 (keep open)',
+                                 lambda: result.set_text('Selected item 3'), auto_close=False)
+                    ui.separator()
+                    ui.menu_item('Close', on_click=menu.close)
 
     @example('''#### Tooltips