{"componentChunkName":"component---src-pages-components-code-snippet-code-mdx","path":"/components/code-snippet/code/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","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":"e3404afd-7a84-5da3-9416-9342a423e4ff","children":[],"parent":"0efc6496-08b5-521a-8f59-a71662cbe019","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":"7db90d6845cba94f6c811b3fce43b821","counter":1287,"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":"/fargate/7b444b50/src/pages/components/code-snippet/code.mdx"}}}}