menu update

src/pages/components/menu-buttons/usage.mdx

@@ -563,31 +563,28 @@ experience.
 </Column>
 </Row>
 
-#### Overflow versus tab tip(popover)
+#### Overflow versus tab tip (popover)
 
-Overflow menu employs the menu component to display extra options, typically
-utilized within data table rows, tiles, or cards. In contrast,
-[tab tip popovers](https://carbondesignsystem.com/components/popover/usage/#tab-tip)
-appear as nested elements on a page, tethered to a toolbar or header area.
+Overflow menu displays extra options with simple text, typically utilized within
+data table rows, tiles, or cards.
+[Tab tip](https://carbondesignsystem.com/components/popover/usage/#tab-tip) in
+popover provides more complex inputs such as a checkbox group or a radio button
+group, usually connected to a data table toolbar.
 
 <Row>
 <Column colLg={4}>
 
-![An example of another overflow menu icon](images/usage-overflow-menu.png)
-
-<Caption>Use overflows in data table row</Caption>
+![An example of overflow menu](images/usage-overflow-menu.png)
 
+<Caption>Use overflow menus in data table row</Caption>
 </Column>
 
 <Column colLg={4}>
 
-![An example of another overflow menu icon](images/usage-popover.png)
+![An example of a popover](images/usage-popover.png)
 
+<Caption>Use a popover in the data table toolbar</Caption>
 </Column>
-
-<Caption>
-  Use tab tip popovers in toolbar or header area
-</Caption>
 </Row>
 
 ## Related

src/pages/components/menu/code.mdx

@@ -70,7 +70,7 @@ documentation, see the Storybooks for each framework below.
   variants={[
     {
       label: 'Menu',
-      variant: 'components-menu--default',
+      variant: 'components-context-menu--default',
     },
   ]}
 />

src/pages/components/menu/style.mdx

@@ -120,9 +120,10 @@ hover, danger hover and focus, and disabled.
 
 ## Sizes
 
-The height of a menu is determined by a [menu button](menu-buttons/). Menus have
-a fixed minimum width of 160px (or 10rem), to ensure menu items have sufficient
-horizontal space, while also having a fixed maximum width of 288px (or 18rem).
+The height of a menu is determined by a
+[menu button](/components/menu-buttons/style/). Menus have a fixed minimum width
+of 160px (or 10rem), to ensure menu items have sufficient horizontal space,
+while also having a fixed maximum width of 288px (or 18rem).
 
 | Elements    | Size               | Height (px/rem) |
 | ----------- | ------------------ | --------------- |
@@ -133,6 +134,6 @@ horizontal space, while also having a fixed maximum width of 288px (or 18rem).
 
 <div className="image--fixed">
 
-![Modal sizes](images/style-menu-sizes.png)
+![Menu sizes](images/style-menu-sizes.png)
 
 </div>

src/pages/components/menu/usage.mdx

@@ -86,7 +86,7 @@ of a menu.
   variants={[
     {
       label: 'Menu',
-      variant: 'components-menu--default',
+      variant: 'components-context-menu--default',
     },
   ]}
 />