StressFree-DesignSystem

A comprehensive React UI library, part of the Stress-Free Auto Care ecosystem, designed to accelerate and simplify the development of intuitive and accessible user interfaces.

Installation

To install the StressFree DesignSystem package, run the following command:

npm install @stressfree/design-system

or with Yarn:

yarn add @stressfree/design-system@latest

Usage

After installing, you need to import the stylesheet for the StressFree DesignSystem in your application. Add the following line to the top of your main JavaScript or TypeScript file (typically index.js or index.tsx):

import '@stressfree/design-system/dist/styles.css';

This will ensure that all of the DesignSystem components are styled correctly with Tailwind CSS.

Components

You can now start using the components in your project. Here's an example of how to use a button from the DesignSystem:

import { Button } from '@stressfree/design-system';

const App = () => {
  return <Button>Click me</Button>;
};

export default App;