{"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":"e6b8aaf8-8e20-5a0c-af48-61c224cb0e0f","children":[],"parent":"227093fc-3063-592f-9896-98f2dc8390d2","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":"337b58d24369e8de35c3d911eb4d4c7c","counter":1334,"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/3eb073a4/src/pages/components/code-snippet/code.mdx"}}}}