Comment on page


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';
Last modified 4yr ago