# 3.0.0-beta.5

# Installation

You can install this specific version of Crayons using crayons@3.0.0-beta.5

# 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.0.0-beta.5/dist/crayons/crayons.esm.js"
  integrity="sha384-QIDZ1s4raRVnowNFNjErLpArB5sN073Dy9P8InBj22XBk4zedZkwpTEOdVDKWol3"
></script>

<script
  nomodule
  src="https://cdn.jsdelivr.net/npm/@freshworks/crayons@3.0.0-beta.5/dist/crayons/crayons.js"
  integrity="sha384-D6SsgCIVB1t+HuAy2ckv7F1LeJZyaPYkc8prwYXI0zmh6sxLPidA0nk2MnCKcSmU"
></script>

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@freshworks/crayons@3.0.0-beta.5/css/crayons-min.css"
  integrity="sha384-qHyV2WTmym1tmIAJ1Q2jyLnC2+3y+zv4TRjr+PCB7ncOXcYPbznPgxgV1ZWnayRX"
  crossorigin="anonymous"
/>

# Usage via Node Modules

  • Install the package
  npm install @freshworks/crayons@3.0.0-beta.5 --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"
/>