# Reflex UI Library

## Setup

### Installation

Run `npm install @arrow-ecs/reflex` to install necessary style files. The library has peerDependencies on
`normalize.css`, `pikaday` and `swiper`. These will be installed alongside the library. 

### Usage

To use the library, either import direct CSS file:

    node_modules/@arrow-ecs/reflex/main.css

or include the main SASS file that in turn includes all the other SASS files:

    node_modules/@arrow-ecs/reflex/sass/styles.scss

or include individual SASS files to reduce the payload size:

    node_modules/@arrow-ecs/reflex/sass/shared/accordion
    node_modules/@arrow-ecs/reflex/sass/shared/banner
    node_modules/@arrow-ecs/reflex/sass/shared/datepicker
    node_modules/@arrow-ecs/reflex/sass/shared/tab

#### Normalize.css

Normalize.css should be included before any styling to avoid conflict:

    normalize.css
    main.css

#### Swiper

Swiper should be included for tab component usage:

    normalize.css
    swiper.css
    main.css

#### Pikaday

Pikaday should be included for datepicker component usage:

    normalize.css
    pikaday.css
    main.css