{"componentChunkName":"component---src-pages-components-code-blocks-mdx","path":"/components/code-blocks/","result":{"pageContext":{"frontmatter":{"title":"Code blocks","description":"Usage instructions for the Code blocks component"},"relativePagePath":"/components/code-blocks.mdx","titleType":"page","MdxNode":{"id":"681c9b2f-b794-5867-bca7-fc3cdc8115f8","children":[],"parent":"f04cd805-2581-5f47-803c-adc8623abf23","internal":{"content":"---\ntitle: Code blocks\ndescription: Usage instructions for the Code blocks component\n---\n\n<PageDescription>\n\nWhen authoring markdown using the Carbon Gatsby theme, code blocks have some extra super powers you can take advantage of. We provide carbon-themed syntax highlighting as well as optional `path` and `src` features.\n\n</PageDescription>\n\n## Example\n\n<Title>Horizontal overflow</Title>\n\n```markdown path=/directory/file.mdx src=https://gatsby-theme-carbon.now.sh\n## Path and src w/ overflow\n\nThis example overflows to demonstrate the text fading out under the side bar. This example overflows to demonstrate the text fading out under the side bar.\nThis example overflows to demonstrate the text fading out under the side bar. This example overflows to demonstrate the text fading out under the side bar.\n```\n\n<Title>Vertical overflow</Title>\n\n```markdown path=/directory/file.mdx src=https://gatsby-theme-carbon.now.sh\n## Path and src w/ overflow\n\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\n```\n\n## Code\n\n````\n```markdown path=/directory/file.mdx src=https://gatsby-theme-carbon.now.sh\n### Path and src\n\nThis code snippet provides both a `path` and a `src`.\n```\n````\n\n### Props\n\n| property | propType | description                                                                                                                 |\n| -------- | -------- | --------------------------------------------------------------------------------------------------------------------------- |\n| language | string   | [Available languages.](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js) |\n| src      | string   | The full url of a relevant link (source)                                                                                    |\n| path     | string   | A string indicating the filename or path. Due to markdown limitations this can only be a single word                        |\n","type":"Mdx","contentDigest":"2241b05bac196fbcce1491413efc4537","counter":158,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Code blocks","description":"Usage instructions for the Code blocks component"},"exports":{},"rawBody":"---\ntitle: Code blocks\ndescription: Usage instructions for the Code blocks component\n---\n\n<PageDescription>\n\nWhen authoring markdown using the Carbon Gatsby theme, code blocks have some extra super powers you can take advantage of. We provide carbon-themed syntax highlighting as well as optional `path` and `src` features.\n\n</PageDescription>\n\n## Example\n\n<Title>Horizontal overflow</Title>\n\n```markdown path=/directory/file.mdx src=https://gatsby-theme-carbon.now.sh\n## Path and src w/ overflow\n\nThis example overflows to demonstrate the text fading out under the side bar. This example overflows to demonstrate the text fading out under the side bar.\nThis example overflows to demonstrate the text fading out under the side bar. This example overflows to demonstrate the text fading out under the side bar.\n```\n\n<Title>Vertical overflow</Title>\n\n```markdown path=/directory/file.mdx src=https://gatsby-theme-carbon.now.sh\n## Path and src w/ overflow\n\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\nThis example demonstrates the show more button.\n```\n\n## Code\n\n````\n```markdown path=/directory/file.mdx src=https://gatsby-theme-carbon.now.sh\n### Path and src\n\nThis code snippet provides both a `path` and a `src`.\n```\n````\n\n### Props\n\n| property | propType | description                                                                                                                 |\n| -------- | -------- | --------------------------------------------------------------------------------------------------------------------------- |\n| language | string   | [Available languages.](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js) |\n| src      | string   | The full url of a relevant link (source)                                                                                    |\n| path     | string   | A string indicating the filename or path. Due to markdown limitations this can only be a single word                        |\n","fileAbsolutePath":"/opt/build/repo/src/pages/components/code-blocks.mdx"}}}}