4.0.0-beta.4

Installation

You can install this specific version of Crayons using crayons@4.0.0-beta.4

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@4.0.0-beta.4/dist/crayons/crayons.esm.js"
  integrity="sha384-lVhk4wU+wmHiNC09YgtCIWm88y3bh/v2dweR7RSQDz9e8AqLWSz3kG5e5lf5/l1c"
></script>

<script
  nomodule
  src="https://cdn.jsdelivr.net/npm/@freshworks/crayons@4.0.0-beta.4/dist/crayons/crayons.js"
  integrity="sha384-85zHx+5b2VeA/5ARKJUMcWDKgFAux8jOTBGraoqMX/mDp1lcjzzBs2mMydP4tixc"
></script>

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@freshworks/crayons@4.0.0-beta.4/css/crayons-min.css"
  integrity="sha384-BXeAvEu/ixfUcVaZURwt/7ldVvl+begfpeBCkw0WZc2QxrIA0DWmjbYvmZ5NGWzi"
  crossorigin="anonymous"
/>

Usage via Node Modules

• Install the package

  npm install @freshworks/crayons@4.0.0-beta.4 --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"
/>