A web component for displaying example code. Has slots for display where the active example will be demo'd, as well as html, javascript, and css which will be in a tabbed component. Empty slots don't show tabs, so if only html and javascript is used there is no empty css tab.

Comes with a <pretty-code> component for formatting code snippets

See the demo: https://beck24.github.io/example-code-component/

Include the script in the document head

<script src="proxy.php?url=https%3A%2F%2Funpkg.com%2F%40beck24%2Fexample-code-component%2Fdist%2Fexample-code.js"></script>

Use the component in the body

See the demo: https://beck24.github.io/example-code-component/

Install the module

npm install @beck24/example-code-component