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