Learn how to install Chocolat depending on your environment


Using the packet manager of your choice you can install chocolat like this:

yarn add chocolat
# or 
npm install chocolat

You can also clone or download the source and copy the ./dist/ folder in your working directory :

Classic import

If you do not use a module , you can still import chocolat via script tags (preferably just before closing </body>) :

    <!-- ... -->
    <script src="dist/js/chocolat.js"></script>

You will also need to import the css between the <head> tags :

    <!-- ... -->
    <link rel="stylesheet" href="../dist/css/chocolat.css" />
    <!-- ... -->

Modern import

If you use a bundler like webpack you can then import Chocolat module in your javascript file :

import Chocolat from 'chocolat'

And import the CSS in your CSS file :

@import '~chocolat/dist/css/chocolat.css';