How to quickly start using Waffles.

For engineers

Waffles aims to bring order and consistency to all DataCamp products. Waffles comes with React web component library which is available on npm as @datacamp/waffles. It ships with typescript support out of the box. No additional type definitions must be installed. For styling it uses emotion component-oriented CSS-in-JS solution.


Run the following command to install the component library:

# with yarn
yarn add @datacamp/waffles

# with npm
npm install @datacamp/waffles

Install peer dependencies, if you haven't already:

# with yarn
yarn add react react-dom @emotion/react

# with npm
npm install react react-dom @emotion/react


Simply import the appropriate component directly in your React project:

import { Button } from '@datacamp/waffles/button';