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