Waffles 2.0

DataCamp's Design System and React component library.

Using React Components


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 components directly in your React project:

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

Developing Components

Learn how to develop new Waffles components locally in the Development guide.

Project Organization

Learn more about the project structure and available commands in the Project Organization overview.