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

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>
Copy

Example

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

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