docs(menu-item): add suffix and chevron story

dhis2 · Nov 23, 2023 · 6c0bee8 · 6c0bee8
1 parent 02bc9fe
commit 6c0bee8
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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