Add wrapped component to storybook example

primer · Mar 27, 2024 · 5ac52c8 · 5ac52c8
1 parent 1c81b72
commit 5ac52c8
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx b/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx
@@ -191,6 +191,9 @@ export const InactiveItems = () => (
   </ActionMenu>
 )
 
+// Showing that it works with wrapped components
+const PasteFromMenuItem = () => <ActionList.Item>Paste from</ActionList.Item>
+
 export const Submenus = () => (
   <ActionMenu>
     <ActionMenu.Button>Edit</ActionMenu.Button>
@@ -215,7 +218,7 @@ export const Submenus = () => (
               <ActionList.Item>Paste with formatting</ActionList.Item>
               <ActionMenu>
                 <ActionMenu.Anchor>
-                  <ActionList.Item>Paste from</ActionList.Item>
+                  <PasteFromMenuItem />
                 </ActionMenu.Anchor>
                 <ActionMenu.Overlay>
                   <ActionList>