Cusom element for displaying code with syntax highlighting using Prism.
npm install @bgoodman/syntax-highlight
yarn add @bgoodman/syntax-highlight<html>
<head>
<script type="module" src="./dist/index.js"></script>
</head>
<body>
<syntax-highlight class="language-css">
<pre><code class="language-css">p { color: red }</code></pre>
</syntax-highlight>
<syntax-highlight class="language-html" font-family="monospace" font-size="18px">
<pre><code class="language-html"><syntax-highlight
class="language-html"
font-family="monospace"
font-size="18px">
</syntax-highlight></code></pre>
</syntax-highlight>
</body>
</html>Pass any valid css value for font-family to the element.
Pass any valid css value for font-size to the element.