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