NGX PERFORMANCE UI

Live demo

Check out the demo page

Installation

yarn add @ngx-performance-ui/core @ngx-performance-ui/ui

or

npm install @ngx-performance-ui/core @ngx-performance-ui/ui

Core Peer Dependencies:

  "peerDependencies": {
    "@angular/core": ">=7.0.0 <8.0.0",
    "@angular/common": ">=7.0.0 <8.0.0",
    "@angular/forms": ">=7.0.0 <8.0.0",
    "angular2-text-mask": ">=9.0.0",
    "rxjs": ">=6.0.0",
    "@ngxs/store": ">=3.3.0",
    "just-compare": ">=1.3.0"
  }

UI Peer Dependencies:

  "peerDependencies": {
    "@fortawesome/angular-fontawesome": ">=0.3.0",
    "@fortawesome/fontawesome-svg-core": ">=1.2.0",
    "@fortawesome/free-solid-svg-icons": ">=5.8.0",
    "@ngx-performance-ui/core": "^0.0.16",
    "angular2-text-mask": ">=9.0.0",
    "ng2-datepicker": ">=3.1.0",
    "ngx-perfect-scrollbar": ">=7.0.0",
    "ngx-slickjs": ">=1.3.0"
  },

Installation Peer Dependencies

yarn add @ngxs/store just-compare @fortawesome/angular-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons ng2-datepicker ngx-perfect-scrollbar ngx-slickjs

or

npm install @ngxs/store just-compare @fortawesome/angular-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons ng2-datepicker ngx-perfect-scrollbar ngx-slickjs

Usage

Import Core and UI module to your app.module

import { CoreModule } from '@ngx-performance-ui/core';
import { UiModule } from '@ngx-performance-ui/ui';
import { NgxsModule } from '@ngxs/store';
import { NgxSlickJsModule } from 'ngx-slickjs';

@NgModule({
  imports: [
    NgxSlickJsModule.forRoot(),
    NgxsModule.forRoot(),
    CoreModule.forRoot(),
    UiModule,

    //...
  ]

Update 'styles' array from angular.json

"styles": [
  "./node_modules/@ngx-performance-ui/ui/assets/bootstrap.min.css",
  "./node_modules/@ngx-performance-ui/ui/assets/main.css",
  //...
],

See this readme on another page