core-components

Contains core user controls which can be used to develop Radium applications.

Getting Started

Quick Start

ng add @rdcz/schematics

the command will accomplish all necessary steps and wire-up Radium localization.

Manual Set-Up

If by some reason you don't wish to use ng-add schematic, you can perform the following steps manually to get you started:

1. Add @rdcz/core-services to package.json of your Angular project
2. Add @rdcz/core-components to package.json of your Angular project
3. Add "allowSyntheticDefaultImports": true to compiler options in your tsconfig.json
4. Run npm install
5. Modify styles section in your angular.json:

   "styles": [
       "./node_modules/bootstrap/dist/css/bootstrap.min.css",
       "./node_modules/@fortawesome/fontawesome-free/css/all.css",
       "./node_modules/@grapecity/wijmo.styles/wijmo.css",
       "./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
       "./node_modules/leaflet/dist/leaflet.css",
       "./node_modules/leaflet.markercluster/dist/MarkerCluster.css",
       "./node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css",
       "./node_modules/leaflet-draw/dist/leaflet.draw.css"
   ]

6. Use components from library in your project

⚠️WARNING⚠️

Localization is not supported by described steps. We recommend to use ng-add schematic (see above) which will wire it up.

Documentation

Components library is documented via Storybook.

Compatibility

You need to have at least Angular v15 for this library to work correctly.

Running unit tests

Run nx test core-components to execute the unit tests.