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.