Help Center

Top article results

    Code snippets

    Code snippets

    Photo of Brienne Wong

    Brienne Wong

    Code snippets are useful if you only need to showcase a piece of code, but don’t need to render it or show a preview. For example, if developers want to include instructions on how to fetch the code for design system components, they can do it using a code live code block.

    First select the live code block from the inserter menu.

    Screenshot_2023-04-21_at_16.18.01.png

    Then select the language you want to display from the “Code snippets only” section of the dropdown.

    Screenshot_2023-04-21_at_16.20.16.png

    Code snippets support syntax highlighting in many different programming languages. See below for the full list of supported syntax/programming languages.

    Screenshot_2023-04-21_at_16.21.45.png

    Supported syntax / programming languages

    • C
    • C++
    • C#
    • CoffeeScript
    • CSS
    • Dockerfile
    • diff
    • Dart/Flutter
    • Go
    • Groovy
    • HTML
    • HTTP
    • Java
    • JavaScript
    • JSX
    • Kotlin
    • LESS
    • Objective
    • Perl
    • Puppet
    • Python
    • Ruby
    • Rust
    • Sass
    • Scala
    • SCSS
    • Shell
    • SQL
    • Swift
    • TSX
    • Typescript
    • Vue
    • XML
    • YAML

    👉 Note: If you’d like to request support for a language that isn’t listed above, please let us know at support@zeroheight.com.