Skip to main contentGatsby themeĀ Carbon

Code blocks

When 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.

Example

Horizontal overflow
/directory/file.mdx
## Path and src w/ overflow
This 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.
This 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.
Vertical overflow
/directory/file.mdx
## Path and src w/ overflow
This example demonstrates the show more button.
This example demonstrates the show more button.
This example demonstrates the show more button.
This example demonstrates the show more button.
This example demonstrates the show more button.
This example demonstrates the show more button.
This example demonstrates the show more button.

Code

```markdown path=/directory/file.mdx src=https://gatsby-theme-carbon.now.sh
### Path and src
This code snippet provides both a `path` and a `src`.
```

Props

propertypropTypedescription
languagestringAvailable languages.
srcstringThe full url of a relevant link (source)
pathstringA string indicating the filename or path. Due to markdown limitations this can only be a single word