chore(docs): fix bottom nav

italia · Aug 5, 2024 · e85bb86 · e85bb86
1 parent edc581d
commit e85bb86
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/stories/Components/BottomNav.stories.tsx b/stories/Components/BottomNav.stories.tsx
@@ -5,6 +5,13 @@ import { BottomNav, BottomNavItem } from "../../src";
 const meta: Meta<typeof BottomNav> = {
     title: "Documentazione/Menu di navigazione/BottomNav",
     component: BottomNav,
+    parameters: {
+        docs: {
+            story: {
+                height: '150px'
+            },
+        }
+    }
 };
 
 export default meta;

diff --git a/stories/Documentation/BottomNav.mdx b/stories/Documentation/BottomNav.mdx
@@ -17,23 +17,17 @@ Il componente, di altezza fissa, è ancorato la fondo della pagina e ne occupa t
 
 È composto da un componente contenitore `BottomNav` e contiene un elenco con più elementi `BottomNavItem`.
 
-<Canvas>
-    <Story id="componenti-bottomnav--esempi" />
-</Canvas>
+<Canvas of={BottomNavStories.Esempi} />
 
 I link occupano automaticamente tutto lo spazio disponibile. Qui di seguito un esempio con 4 link.
 
-<Canvas>
-    <Story id="componenti-bottomnav--esempi-4-links" />
-</Canvas>
+<Canvas of={BottomNavStories.Esempi4Links} />
 
 ### Badge
 
 Aggiungere un attributo `badge` per visualizzare dei badge con indicazioni numeriche relative, ad esempio, al numero di messaggi non letti.
 
-<Canvas>
-    <Story id="componenti-bottomnav--badge" />
-</Canvas>
+<Canvas of={BottomNavStories.EsempioBadge} />
 
 ### Alert
 
@@ -51,9 +45,7 @@ Aggiungere un attributo `alert` per identificare una sezione che richiede attenz
     </Callout>
 </div>
 
-<Canvas>
-    <Story id="componenti-bottomnav--alert" />
-</Canvas>
+<Canvas of={BottomNavStories.Alert} />
 
 ## Argomenti componente