From 6c0bee8b2aaeeff66033a40744899cad591810a7 Mon Sep 17 00:00:00 2001
From: Joseph John Aas Cooper <joe@dhis2.org>
Date: Thu, 23 Nov 2023 10:52:50 +0100
Subject: [PATCH] docs(menu-item): add suffix and chevron story

---
 components/menu/src/menu-item/menu-item.stories.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/menu/src/menu-item/menu-item.stories.js b/components/menu/src/menu-item/menu-item.stories.js
index c9ed8b5f93..ff4607aa06 100644
--- a/components/menu/src/menu-item/menu-item.stories.js
+++ b/components/menu/src/menu-item/menu-item.stories.js
@@ -1,3 +1,4 @@
+import { Tag } from '@dhis2/ui'
 import { colors } from '@dhis2/ui-constants'
 import {
     IconApps24,
@@ -97,6 +98,13 @@ Suffix.args = {
     suffix: <IconLaunch16 color={colors.grey600} />,
 }
 
+export const SuffixAndChevron = Template.bind({})
+SuffixAndChevron.args = {
+    label: 'Security notifications',
+    chevron: true,
+    suffix: <Tag>3</Tag>,
+}
+
 export const OnClick = (args) => (
     <Menu>
         <MenuItem