Merge pull request #96 from brainstormforce/stories_fixes

Menu Item Name FIxes
brainstormforce · Sep 30, 2024 · d787f87 · d787f87
2 parents 6aa7982 + 1fdcc2e
commit d787f87
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/menu-item/menu.stories.js b/src/components/menu-item/menu.stories.js
@@ -1,6 +1,9 @@
 import Menu from './menu-item.jsx';
 import { Store, PenTool, ShoppingBag, ShoppingCart, Truck, CreditCard, MousePointer, ChartNoAxesColumnIncreasing, Layers, CloudUpload, Bell } from 'lucide-react';
 
+Menu.displayName = 'Menu';
+Menu.List.displayName = 'Menu.List';
+Menu.Item.displayName = 'Menu.Item';
 export default {
 	title: 'Molecules/Menu',
 	component: Menu,
@@ -10,6 +13,7 @@ export default {
 	tags: [ 'autodocs' ],
 	argTypes: {
 		size: {
+			name: 'Size',
 			description: 'Specifies the size of the Menu Item components inside Menu',
 			control: { type: 'select' },
 			options: [ 'sm', 'md' ],
@@ -19,14 +23,17 @@ export default {
 			},
 		},
 		menuItemActive: {
+			name: 'Menu.Item: Active',
 			description: 'Controls if the Menu Item is active. (This will apply to "Store Settings" item only for demo)',
 			control: { type: 'boolean' },
 		},
 		menuItemDisabled: {
+			name: 'Menu.Item: Disabled',
 			description: 'Disables the Menu Item. (This will apply to "Store Settings" item only for demo)',
 			control: { type: 'boolean' },
 		},
 		menuItemContent: {
+			name: 'Menu.Item: Content',
 			description: 'Content inside the Menu Item',
 			control: { type: 'text' },
 		},