docs(AvatarGroup): fix disabled story example (#2640)

mondaycom · Dec 10, 2024 · 14a51b0 · 14a51b0
1 parent 0986200
commit 14a51b0
Showing 1 changed file with 23 additions and 18 deletions.
diff --git a/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.tsx b/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.tsx
@@ -295,24 +295,29 @@ export const HoverVsClickable: Story = {
     );
   }
 };
-export const Disabled = () => (
-  <AvatarGroup size="large" max={4} disabled>
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-    <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
-    <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-    <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
-    <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-    <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
-    <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-  </AvatarGroup>
-);
+
+export const Disabled: Story = {
+  render: () => {
+    return (
+      <AvatarGroup size="large" max={4} disabled>
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+        <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
+        <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+        <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
+        <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+        <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
+        <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+      </AvatarGroup>
+    );
+  }
+};
 
 export const LastSeenUsers: Story = {
   render: () => (