refactor: Update AmsterdamArticlePage to use Breadcrumb component

Amsterdam · May 17, 2024 · 9472e8c · 9472e8c
1 parent 3ed39ba
commit 9472e8c
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/storybook/src/docs/patterns/AmsterdamArticlePage.tsx b/storybook/src/docs/patterns/AmsterdamArticlePage.tsx
@@ -1,4 +1,13 @@
-import { BreadcrumbProps, Footer, FooterProps, Grid, Header, Screen, SkipLink } from '@amsterdam/design-system-react'
+import {
+  Breadcrumb,
+  BreadcrumbProps,
+  Footer,
+  FooterProps,
+  Grid,
+  Header,
+  Screen,
+  SkipLink,
+} from '@amsterdam/design-system-react'
 import { ReactElement } from 'react'
 import { AmsterdamArticleContent } from './AmsterdamArticleContent'
 import { AmsterdamArticleHeader } from './AmsterdamArticleHeader'
@@ -28,7 +37,9 @@ export const AmsterdamArticlePage = ({
 
         {breadcrumbs && (
           <Grid paddingTop="medium">
-            <Grid.Cell span="all">{breadcrumbs}</Grid.Cell>
+            <Grid.Cell span="all">
+              <Breadcrumb>{breadcrumbs}</Breadcrumb>
+            </Grid.Cell>
           </Grid>
         )}