docs(Skeleton): fix complex example (#2657)

mondaycom · Dec 17, 2024 · 13cb297 · 13cb297
1 parent 87afb2d
commit 13cb297
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.tsx b/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.tsx
@@ -38,27 +38,29 @@ export const Overview = {
   }
 };
 
-export const ComplexExample = () => {
-  return (
-    <div className="monday-storybook-skeleton_rules-column">
-      <div className="monday-storybook-skeleton_rules-row">
-        <Skeleton type="circle" />
-        <Skeleton type="text" width={110} size="small" />
-      </div>
-      <div className="monday-storybook-skeleton_article">
-        <div>
-          <Skeleton />
+export const ComplexExample = {
+  render: () => {
+    return (
+      <div className="monday-storybook-skeleton_rules-column">
+        <div className="monday-storybook-skeleton_rules-row">
+          <Skeleton type="circle" />
+          <Skeleton type="text" width={110} size="small" />
         </div>
-        <div className="monday-storybook-skeleton_aside">
-          <Skeleton type="text" size="h1" />
-          <Skeleton type="text" size="h4" />
-          <Skeleton type="text" size="h4" />
-          <Skeleton type="text" size="h4" />
-          <Skeleton type="text" size="h4" width={82} />
+        <div className="monday-storybook-skeleton_article">
+          <div>
+            <Skeleton />
+          </div>
+          <div className="monday-storybook-skeleton_aside">
+            <Skeleton type="text" size="h1" />
+            <Skeleton type="text" size="h4" />
+            <Skeleton type="text" size="h4" />
+            <Skeleton type="text" size="h4" />
+            <Skeleton type="text" size="h4" width={82} />
+          </div>
         </div>
       </div>
-    </div>
-  );
+    );
+  }
 };
 
 export const Shapes = {