{"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":"7b36add5-3dbc-5d60-8020-94e126ef68bb","children":[],"parent":"a2692eb5-a418-5730-9422-bdd9f3df9b74","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":"075ae8c31a5cce8598beaa6bc9b8a68a","counter":1325,"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/3eb073a4/src/pages/components/breadcrumb/code.mdx"}}}}