@cqfactory/react-elements/README.MD

Basic React Elements which can be used together with the @cqfactory/component-generator

![CQ-Factory Banner](http://cq-factory.de/wp-content/uploads/2019/06/cqf-component-generator-react-elements-logo_small.jpg)

## React-Elements library for Adobe Experience Manager
<p>Copyright 2019 by CQ-Factory GmbH - www.cq-factory.de</p>
<p>Authors: Siegfried-Thor Bolz, Yevgeniy Kravetsky</p>


## Intro
This is a React library which contains Atoms, Molecules and Organisms, based on the [atomic design pattern](http://bradfrost.com/blog/post/atomic-web-design/). They are well fitted for the usage in Adobe Experience Manager (AEM) components.
We recommend the usage of our fabulous [Component-Generator](https://www.npmjs.com/package/@cqfactory/component-generator) in combination with these React-Elements.
This project also provides a Storybook, which the developer can use to see what's inside of the React-Elements. We added an ***AEM Author mode*** to it, to simulate what
is happening with these components when the AEM author mode is active or not. This library will rapidly expand with amazing cool new elements, so stay tuned!

## Storybook
It is located inside the npm folder. Just open the file ***index.html*** in your browser:

![CQ-Factory React-Elements Storybook Folder](http://cq-factory.de/wp-content/uploads/2019/06/reactElements_storybook_folder-small.png)

The Storybook where you can manipulate the values of the React-Elemens library to see how they are working:
![CQ-Factory React-Elements Storybook](http://cq-factory.de/wp-content/uploads/2019/06/reactElements_storybook-preview_small.png)
[Fullsize view](http://cq-factory.de/wp-content/uploads/2019/06/reactElements_storybook-preview.png)



## Usage

For the latest stable version:

```bash
npm install @cqfactory/react-elements
```

Include as a dependency into existing package.json:

```bash
"devDependencies": {
    "@cqfactory/react-elements": "^0.0.1"
```

Use the Teaser organism in your React component like this:
```bash
import Teaser from '@cqfactory/react-elements/components/Teaser/Teaser';
```

# Need Support?
The team of the ***CQ-Factory GmbH*** company (located in Munich/Germany) has years of experience in working with Adobe Experience Manager (formerly DAY/CQ5). 
We have supported many high level companies in Germany and worldwide. 
We would proudly support your project in integrating the Component-Generator to speed up your component development.
You need also help in consulting, planning, architecture and develop ing an Adobe Experience Manager environment? Just ask us!

Visit: www.cq-factory.de

Email: info@cq-factory.de