[storybook] Add renderItem example

- I keep forgetting storybooks!
elastic · Feb 7, 2024 · 2d7192b · 2d7192b
1 parent 2ce3373
commit 2d7192b
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/components/context_menu/context_menu.stories.tsx b/src/components/context_menu/context_menu.stories.tsx
@@ -12,6 +12,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { EuiPopover } from '../popover';
 import { EuiButton } from '../button';
 import { EuiIcon } from '../icon';
+import { EuiTitle } from '../title';
 
 import { EuiContextMenu, EuiContextMenuProps } from './context_menu';
 
@@ -95,6 +96,23 @@ const panels: EuiContextMenuProps['panels'] = [
         icon: 'user',
         panel: 2,
       },
+      {
+        isSeparator: true,
+      },
+      {
+        renderItem: () => (
+          <EuiTitle
+            size="xxs"
+            css={({ euiTheme }) => ({
+              marginInline: euiTheme.size.s,
+              marginBlockStart: euiTheme.size.m,
+              marginBlockEnd: euiTheme.size.xs,
+            })}
+          >
+            <h3>Custom rendered subtitle</h3>
+          </EuiTitle>
+        ),
+      },
       {
         name: 'Permalinks',
         icon: 'user',