{"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":"764de41e-b53f-5e0e-8dbb-b80124b0cc36","children":[],"parent":"2bd9b26c-200b-5cee-aca3-78622162397b","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":"813136402e945e65fcb388c44b3bdd1f","counter":1317,"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/3ed0734e/src/pages/components/code-snippet/code.mdx"}}}}