np-ui-lib
Native Angular UI Components and Design Framework
Click here for full documentation
Click here for source code
Release Notes
NPM package manager
NPM Command to add package to application
npm i np-ui-lib --save
List of components:
| 1 | 2 | 3 | 4 | 5 | 6 |
|---|---|---|---|---|---|
| Input Text | Textarea | Date Picker | Time Picker | Color Picker | Switch |
| Dropdown | Auto Complete | Tags | Number Box | File Upload | Slider |
| Checkbox | Radio Button | Rich Text | Menubar | Panel Menubar | Breadcrumb |
| Toolbar | Data Grid | Paginator | Calendar | Timeline | Alert |
| Notification | Tooltip | Popover | Panel | Accordion | Tabs |
| Steps | Card | Progress | Loader | BlockUi | Carousel |
| Modal | Dialog | Tree View | List | Virtual Scroll | Sidepanel |
| Masking | Defer | i18N | Themes and Framework CSS | Grid Layout | Padding and Margin |
| Button and Button Group | Badges | Form |
Modules to be pre-installed
"@angular/common": "^15.0.0",
"@angular/core": "^15.0.0",
"@angular/cdk": "^15.0.0",
"@angular/forms": "^15.0.0",
"@angular/router": "^15.0.0",
"rxjs": "~7.5.0",Import below css to your application, or add in styles section in angular.json
@import "~@angular/cdk/overlay-prebuilt.css";
@import "np-ui-lib/styles/default-theme.scss";How to Run this project?
Run below commands in sequence
$ ng build np-ui-lib --watch
$ npm run copy-assets
$ ng serve
License
This project is licensed under the MIT License.
