@kodapan/koda v0.1.5

Koda

A library to embed front-end demos.

Installing

You can either install Koda by running yarn (recommended)

yarn add @kodapan/koda

or use npm

npm install @kodapan/koda

Basic usage

You will need to include the koda.css and koda.js files.

<link rel="stylesheet" href="koda.css">
<script src="koda.js"></script>

Koda is using Prism to style and highlight the code, why you will need to include the Prism theme of your choice that should be used to highlight the code.

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

Next you need to set up the code in HTML.

<div class="koda" data-selected="js" data-height="250px">
  <code class="language-html" data-code="demo.html"></code>
  <code class="language-css" data-code="demo.css"></code>
  <code class="language-js" data-code="demo.js"></code>
</div>

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Anders Dahnielson - Initial work - dahnielson

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

• CodePen for the original concept
• Cody for the idea to roll our own