Fabric vs. Warp

This project aims to compare Fabric and Warp, in order to assess their coexistence and ensure that the design and functionality remain consistent. By running this project, you can test and evaluate how these two design systems work together. You can:

1. Compare Fabric/Warp React components side by side
2. Test some Fabric/Warp css classes
3. Check how the resets affects basic html-tags

The goal is that the components look identical, regardless of the order of the stylesheet imports in index.html

Change the order of stylesheet imports

To observe the impact of changing the order of stylesheet imports, modify index.html.

Modify Warp brand css

To observe the warp components with a different theme, change theme in index.html.

Installation

To install the project dependencies, navigate to the project directory and run the following command:

pnpm install

This will install all the required dependencies for the project.

Usage

To start the project, use the following command:

pnpm dev

This command will start the development server, and you can access the project in your web browser at the provided URL.