From e0ea1396ff40b5990f8d51df3d2538b86e48fdd7 Mon Sep 17 00:00:00 2001
From: Stephen Watkins <swatkins@easypost.com>
Date: Tue, 24 Oct 2023 14:43:29 -0400
Subject: [PATCH] update storybook docs

---
 easy-ui-react/src/ProductLayout/ProductLayout.mdx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/easy-ui-react/src/ProductLayout/ProductLayout.mdx b/easy-ui-react/src/ProductLayout/ProductLayout.mdx
index 73e044d00..6ed20fd4a 100644
--- a/easy-ui-react/src/ProductLayout/ProductLayout.mdx
+++ b/easy-ui-react/src/ProductLayout/ProductLayout.mdx
@@ -15,11 +15,13 @@ import * as ProductLayoutStories from "./ProductLayout.stories";
 
 `ProductLayout` contains slots as props for the `sidebar`, `header`, and `content` areas.
 
+_Example structure_:
+
 ```tsx
 <ProductLayout
   sidebar={
     <ProductLayout.Sidebar>
-      <ProductNav />
+      <>{/* Product sidebar nav */}</>
     </ProductLayout.Sidebar>
   }
   header={
@@ -35,6 +37,8 @@ import * as ProductLayoutStories from "./ProductLayout.stories";
           Documentation
         </Menu.Item>,
       ]}
+      // Optionally accept a menu handler for menu items that are not links
+      onHelpMenuAction={(key) => {}}
       primaryAction={{
         content: "CTA 1",
         onAction: () => {},
@@ -49,7 +53,7 @@ import * as ProductLayoutStories from "./ProductLayout.stories";
   }
   content={
     <ProductLayout.Content>
-      <div>Content</div>
+      <>{/* Content */}</>
     </ProductLayout.Content>
   }
 />
@@ -61,7 +65,7 @@ import * as ProductLayoutStories from "./ProductLayout.stories";
 
 `ProductLayout.TabbedContent` uses a `TabNav` component under the hood. Tab items are expected to be links to subpages.
 
-Tabs can be supplied to `ProductLayout.TabbedContent` through the `tabs` prop.
+Tabs can be supplied to `ProductLayout.TabbedContent` through the `tabs` prop. `ProductLayout.TabbedContent` accepts an `aria-label` property to label the navigation.
 
 ```tsx
 <ProductLayout
@@ -69,6 +73,7 @@ Tabs can be supplied to `ProductLayout.TabbedContent` through the `tabs` prop.
   header={/* ... */}
   content={
     <ProductLayout.TabbedContent
+      aria-label="Account Settings"
       tabs={[
         <TabNav.Item
           key="1"