{"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":"28211b9c-655a-5b01-a7fb-b2554453c094","children":[],"parent":"31be6463-de86-560a-be9b-cd8c32e28df0","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":"f9c3b8bb9757a5b7e62a60c9560b9cb4","counter":1309,"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/3ed0734e/src/pages/components/breadcrumb/code.mdx"}}}}