{"componentChunkName":"component---src-pages-components-code-snippet-code-mdx","path":"/components/code-snippet/code/","webpackCompilationHash":"fbe446a994ab39eca9c3","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Code snippet","description":"Code snippets are small blocks of reusable code that can be inserted in a code file.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/code-snippet/code.mdx","titleType":"prepend","MdxNode":{"id":"ea6d7221-e028-58c0-a133-b9968b71acc5","children":[],"parent":"1b3b268b-d6fc-5b32-b948-7e1bb7764f13","internal":{"content":"---\ntitle: Code snippet\ndescription: Code snippets are small blocks of reusable code that can be inserted in a code file.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Code snippet\n\n<ComponentCode\n  name=\"Code snippet\"\n  component=\"code-snippet\"\n  variation=\"code-snippet\"\n  hasReactVersion=\"codesnippet--single-line\"\n  hasVueVersion=\"codesnippet--oneline\"\n  codepen=\"vMLEbR\"\n  hasAngularVersion=\"?path=/story/codesnippet--basic\"></ComponentCode>\n\n## Inline code snippet\n\n<ComponentCode\n  name=\"Inline code snippet\"\n  component=\"code-snippet\"\n  variation=\"code-snippet--inline\"\n  hasLightVersion\n  hasReactVersion=\"codesnippet--inline\"\n  hasVueVersion=\"codesnippet--inline\"\n  hasAngularVersion=\"?path=/story/codesnippet--inline\"\n  codepen=\"LvGVYe\"></ComponentCode>\n\n## Multi line code snippet\n\n<ComponentCode\n  name=\"Multi line code snippet\"\n  component=\"code-snippet\"\n  variation=\"code-snippet--multi\"\n  hasReactVersion=\"codesnippet--multi-line\"\n  hasVueVersion=\"codesnippet--multiline\"\n  hasAngularVersion=\"?path=/story/codesnippet--multi\"\n  codepen=\"ZZQGGO\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"code-snippet\"></ComponentDocs>\n","type":"Mdx","contentDigest":"972fc79554a5a297e64314717dd8cd85","counter":1299,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Code snippet","description":"Code snippets are small blocks of reusable code that can be inserted in a code file.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Code snippet\ndescription: Code snippets are small blocks of reusable code that can be inserted in a code file.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Code snippet\n\n<ComponentCode\n  name=\"Code snippet\"\n  component=\"code-snippet\"\n  variation=\"code-snippet\"\n  hasReactVersion=\"codesnippet--single-line\"\n  hasVueVersion=\"codesnippet--oneline\"\n  codepen=\"vMLEbR\"\n  hasAngularVersion=\"?path=/story/codesnippet--basic\"></ComponentCode>\n\n## Inline code snippet\n\n<ComponentCode\n  name=\"Inline code snippet\"\n  component=\"code-snippet\"\n  variation=\"code-snippet--inline\"\n  hasLightVersion\n  hasReactVersion=\"codesnippet--inline\"\n  hasVueVersion=\"codesnippet--inline\"\n  hasAngularVersion=\"?path=/story/codesnippet--inline\"\n  codepen=\"LvGVYe\"></ComponentCode>\n\n## Multi line code snippet\n\n<ComponentCode\n  name=\"Multi line code snippet\"\n  component=\"code-snippet\"\n  variation=\"code-snippet--multi\"\n  hasReactVersion=\"codesnippet--multi-line\"\n  hasVueVersion=\"codesnippet--multiline\"\n  hasAngularVersion=\"?path=/story/codesnippet--multi\"\n  codepen=\"ZZQGGO\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"code-snippet\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/165188d6/src/pages/components/code-snippet/code.mdx"}}}}