# React - RG DesignSystem

A react component library based on our ever growing DesignSystem.

## Installation
##### If you want to make Changes to the DesignSystem
 - Clone this repository and copy the folder of the path.
   E.g. "G:\00_GIT\react-rg-designsystem"
 - In your project, use `npm install G:\00_GIT\react-rg-designsystem` (replace the path)
##### If you just want to install it to your project from everywhere
- Run `npm install git+https://gitlab+package-include:c8FSPZEMTXA_TpETTWDh@git.raumgleiter.com/web/tools/react-rg-designsystem`

##### From npmjs.com
 - With a [paid login@raumgleiter account](https://www.npmjs.com/products) you can create the package online privately.
 - Use `npm publish` to upload the package.

## Working with it
 - Create your own branch for your project.
 - Import components to your react project like this:
   `import { RGSidebarTop1Desktop } from 'react-rg-designsystem';`.
 - `npm run start` your react project.
 - Make some changes in the design system.
 - `npm run rollup` in the design system.
 - Your react project will automatically apply the changes to the running site.

## Links
 - [Figma Components for Prototyping](https://www.figma.com/file/F8oQ0nPcA60wN5IpKNSltR/Raumgleiter-Components?node-id=0%3A1)
 - [Colors with Examples](https://www.figma.com/file/0Ek4GtXd2ykWXQT6DeKrJM/Raumgleiter-Colors)
 - [Navigation Schemes](https://www.figma.com/file/feKHiLmqJe5ZM1rnONIPpD/Raumgleiter-Navigation?node-id=0%3A1)