# 3.6.0-beta.1
# Installation
You can install this specific version of Crayons
using crayons@3.6.0-beta.1
# Getting Started
# Usage via CDN
From your app’s root html
file add the following scripts:
<script
type="module"
src="https://cdn.jsdelivr.net/npm/@freshworks/crayons@3.6.0-beta.1/dist/crayons/crayons.esm.js"
integrity="sha384-sdVZX2RfKjK4ah8GMw9MsJ0HuukOt0I0OasP6ac0CWykkre7yVOaaUEzDt8f7yEH"
></script>
<script
nomodule
src="https://cdn.jsdelivr.net/npm/@freshworks/crayons@3.6.0-beta.1/dist/crayons/crayons.js"
integrity="sha384-wYwD5uzMmKzrpggHEwT/mZfhWohNk1R6RMsiBCld2ISUowSB+yl58GD0PqxjHYzR"
></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@freshworks/crayons@3.6.0-beta.1/css/crayons-min.css"
integrity="sha384-BXeAvEu/ixfUcVaZURwt/7ldVvl+begfpeBCkw0WZc2QxrIA0DWmjbYvmZ5NGWzi"
crossorigin="anonymous"
/>
# Usage via Node Modules
- Install the package
npm install @freshworks/crayons@3.6.0-beta.1 --save
- Put a script tag similar to this
<script src="node_modules/@freshworks/crayons/dist/crayons/crayons.js"></script>
or below to load esm module
<script
type="module"
src="node_modules/@freshworks/crayons/dist/crayons/crayons.esm.js"
></script>
Documentation of all crayons versions can be found here .
Load css utils
<link
rel="stylesheet"
href="node_modules/@freshworks/crayons/css/crayons-min.css"
/>