{"componentChunkName":"component---src-pages-components-breadcrumb-code-mdx","path":"/components/breadcrumb/code/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Breadcrumb","description":"The breadcrumb component is a secondary navigation pattern that shows hierarchy among content or traces a user’s path.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/breadcrumb/code.mdx","titleType":"prepend","MdxNode":{"id":"b6f6b588-f42f-5f71-9883-25d8b6843710","children":[],"parent":"180279fc-7039-505c-8a30-82b25a41f6f2","internal":{"content":"---\ntitle: Breadcrumb\ndescription: The breadcrumb component is a secondary navigation pattern that shows hierarchy among content or traces a user’s path.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Breadcrumb\n\n<ComponentCode\n  name=\"Breadcrumb\"\n  component=\"breadcrumb\"\n  variation=\"breadcrumb\"\n  hasReactVersion=\"breadcrumb--default\"\n  hasVueVersion=\"breadcrumb--default\"\n  hasAngularVersion=\"?path=//story/breadcrumb--basic\"\n  codepen=\"yreLJv\"></ComponentCode>\n\n## Breadcrumb with current page\n\n<ComponentCode\n  name=\"Breadcrumb with current page\"\n  component=\"breadcrumb\"\n  variation=\"breadcrumb--current-page\"\n  hasReactVersion=\"breadcrumb--default\"\n  hasVueVersion=\"breadcrumb--default&knob-No%20trailing%20slash=true\"\n  hasAngularVersion=\"?path=/story/breadcrumb--model\"\n  codepen=\"LvGYxK\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"breadcrumb\"></ComponentDocs>\n","type":"Mdx","contentDigest":"24ffaf1627fd32d93d43b4c8ff94c379","counter":1326,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Breadcrumb","description":"The breadcrumb component is a secondary navigation pattern that shows hierarchy among content or traces a user’s path.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Breadcrumb\ndescription: The breadcrumb component is a secondary navigation pattern that shows hierarchy among content or traces a user’s path.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Breadcrumb\n\n<ComponentCode\n  name=\"Breadcrumb\"\n  component=\"breadcrumb\"\n  variation=\"breadcrumb\"\n  hasReactVersion=\"breadcrumb--default\"\n  hasVueVersion=\"breadcrumb--default\"\n  hasAngularVersion=\"?path=//story/breadcrumb--basic\"\n  codepen=\"yreLJv\"></ComponentCode>\n\n## Breadcrumb with current page\n\n<ComponentCode\n  name=\"Breadcrumb with current page\"\n  component=\"breadcrumb\"\n  variation=\"breadcrumb--current-page\"\n  hasReactVersion=\"breadcrumb--default\"\n  hasVueVersion=\"breadcrumb--default&knob-No%20trailing%20slash=true\"\n  hasAngularVersion=\"?path=/story/breadcrumb--model\"\n  codepen=\"LvGYxK\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"breadcrumb\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/7c680545/src/pages/components/breadcrumb/code.mdx"}}}}