{"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":"e8daa997-b898-5330-86df-f73f2a0f1f48","children":[],"parent":"b0038e93-c19b-53f8-b473-423220ebcfe1","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  hasAngularVersion=\"?path=/story/breadcrumb--model\"\n  codepen=\"LvGYxK\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"breadcrumb\"></ComponentDocs>\n","type":"Mdx","contentDigest":"feafea237028eff199210dd238fb042f","counter":1316,"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  hasAngularVersion=\"?path=/story/breadcrumb--model\"\n  codepen=\"LvGYxK\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"breadcrumb\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/1252fd04/src/pages/components/breadcrumb/code.mdx"}}}}