Prism

A lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in thousands of websites, including some of those you visit daily.

Official documentation

For more detailed information and examples, see the official website: PrismJS.com.

How to use?

Copy-paste the stylesheet <link> into your <head> to load the CSS.

                
                  <link rel="stylesheet" href="../assets/vendor/prism/prism.css">

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

                
                  <script src="../assets/vendor/prism/prism.js"></script>

Example

Docs UI Kit includes several predefined button styles, each serving its own semantic purpose.

                      
                        Text Example
                      
                    
                      
                        <code class="language-plaintext" data-lang="plaintext">
                          Text Example
                        </code>