Chocolat
1.0.0
1.0.0
  • Installation
  • Usage
  • Options
  • Api
  • CSS classes
  • Image sizes
  • Upgrading from v0.4
  • Contributing
Powered by GitBook
On this page

Installation

Learn how to install Chocolat depending on your environment

Installing

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 :

https://github.com/nicolas-t/chocolat/archive/master.zip

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>
</body>

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

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

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';
NextUsage

Last updated 5 years ago