{"componentChunkName":"component---src-pages-components-code-snippet-code-mdx","path":"/components/code-snippet/code/","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":"073c608f-920c-57e2-bcf9-eade331e1d08","children":[],"parent":"c8418296-d4e3-5888-a2b6-1935d9ade792","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":"a611e1ca4851f4b4328335e961234dce","counter":1324,"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/1252fd04/src/pages/components/code-snippet/code.mdx"}}}}