@elawya/design-system NPM

Elawya Design System

Welcome to the Elawya Design System! This repository contains the design components and guidelines used across our projects to ensure a consistent and cohesive user experience.

Contribute

We welcome contributions from the community. To get started, follow these steps:

Install the Dependencies

Make sure you have pnpm installed. Then, run the following command to install all necessary dependencies:

pnpm install

Start the Storybook App

To start the Storybook app and view the components in action, run:

pnpm start

This will launch the development server, allowing you to see and interact with the design system components.

Test

We use vitest for running unit tests. To execute the tests, use the following command:

pnpm test

This will run all the unit tests and provide you with feedback on any issues or errors.

Technologies

The Elawya Design System is built using the following technologies:

Vite: A fast and efficient build tool for modern web projects.
React: A popular JavaScript library for building user interfaces.
Storybook: An open-source tool for developing UI components in isolation.
SCSS: A powerful CSS preprocessor for writing maintainable and scalable styles.