Feature Request for future Nebular releases

[sukeshlaghate]

Issue type

I'm submitting a ... (check one with "x")

• [ ] bug report
• [x] feature request

Feature Request

I have always been an ardent fan of Nebular. That said, I would definitely like to see it grow rich in features , hence in my opinion it would be nice to have following components in Nebular (in addition to my earlier request #1070 : For UI:

• Slider and range slider similar to material slider
• Tag Label and Pill label similar to Semantic ui incidentally, semantic ui label also supports ribbon mentioned in #1070
• Enhanced List/infinite list that returns selected item similar to Primeng
• Data grid view similar to primeng

For Dashboard: This I believe is the goal in longer run as per documentation of Nebular

• Configurable dashboard(s) (json formated configuration files), which can be pushed from server, configuration file would have component placement and data connection details, nebular framework would then render the components with data
• Resizable and drag dropable components for dashboard

[Tibing]

Hi @sukeshlaghate, thank you for submitting your feature requests! I can promise nothing, but we'll think about your suggestions.

[mehmetific]

Hi, I am sure this is not a handy approach and my question will be opinion based, but I think it is related to this issue: would it be OK to use Nebular and Material (not only CDK from Angular but material components) together? Would it cause problems during the build?

Thanks

[nnixaa]

Hi @mehmetific, I believe it should be okay, though we haven't tested that. Would you mind describing your use case?

[mehmetific]

Hi @nnixaa Besides nebular we wanted to use some of the components from Material and added it to our project. But it now takes forever to with ng build --prod

I gues they are not geting along well together.

Here is the package.json:

{
  "name": "PPlus.Web",
  "version": "0.0.10",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "npm version patch & ng build --prod",
    "build:ssr": "ng run PPlus.Web:server:dev",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^8.0.0",
    "@angular/cdk": "^8.0.0",
    "@angular/common": "^8.0.0",
    "@angular/compiler": "^8.0.0",
    "@angular/core": "^8.0.0",
    "@angular/forms": "^8.0.0",
    "@angular/http": "^7.2.15",
    "@angular/material": "^7.3.7",
    "@angular/platform-browser": "^8.0.0",
    "@angular/platform-browser-dynamic": "^8.0.0",
    "@angular/platform-server": "^8.0.0",
    "@angular/router": "^8.0.0",
    "@nebular/auth": "^4.0.0",
    "@nebular/eva-icons": "^4.0.0",
    "@nebular/theme": "^4.0.0",
    "@nguniversal/module-map-ngfactory-loader": "^7.1.1",
    "@ngx-translate/core": "^11.0.1",
    "@ngx-translate/http-loader": "^4.0.0",
    "ag-grid": "^18.1.2",
    "ag-grid-angular": "^20.2.0",
    "ag-grid-community": "^20.2.0",
    "angular-resize-event": "^1.0.0",
    "angular-split": "^2.0.1",
    "aspnet-prerendering": "^3.0.1",
    "bootstrap": "^4.3.1",
    "core-js": "^2.6.5",
    "countup.js-angular2": "^7.0.0",
    "echarts": "^4.2.1",
    "eva-icons": "^1.1.1",
    "hammerjs": "^2.0.8",
    "html2canvas": "^1.0.0-rc.1",
    "jw-bootstrap-switch-ng2": "^2.0.5",
    "moment": "^2.24.0",
    "ngx-color-picker": "^7.5.0",
    "ngx-daterangepicker-material": "^2.1.3",
    "ngx-echarts": "^4.1.1",
    "ngx-swiper-wrapper": "^7.2.1",
    "popper.js": "^1.15.0",
    "rxjs": "^6.5.2",
    "webpack-bundle-analyzer": "^3.3.2",
    "xlsx": "^0.14.3",
    "zone.js": "^0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.800.1",
    "@angular-devkit/build-ng-packagr": "~0.800.1",
    "@angular/cli": "~8.0.1",
    "@angular/compiler-cli": "^8.0.0",
    "@angular/language-service": "^8.0.0",
    "@schematics/angular": "~7.2.0",
    "@types/echarts": "^4.1.9",
    "@types/jasmine": "^2.8.16",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.5",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "ng-packagr": "^5.2.0",
    "node-sass": "^4.12.0",
    "protractor": "~5.4.0",
    "ts-node": "^8.1.0",
    "tsickle": "^0.35.0",
    "tslib": "^1.9.3",
    "tslint": "^5.16.0",
    "typescript": "~3.4.5"
  },
  "optionalDependencies": {
    "protractor": "~5.4.0",
    "ts-node": "^8.1.0",
    "tslint": "^5.16.0"
  }
}