reusable-ui-library
v1.0.14
Published
UI component library made as a part of task
Downloads
19
Readme
reusable-ui-Library
This library was generated with Angular CLI version 16.2.0.
Code scaffolding
Run ng generate component component-name --project reusable-ui-library
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project reusable-ui-library
.
Note: Don't forget to add
--project reusable-ui-library
or else it will be added to the default project in yourangular.json
file.
Added ng add support
To Install this library and import module automatically in app module execute
ng add reusable-ui-library
in command line.
UI-components present in this library
- form-generic-input
- form-generic-toggle
- form-generic-spinner
To generate this
ng g reusable-ui-library:add-loader --type <name of animation>
This will add generic spinner component in app.component.html
- Available Animations
pacman
ball-8bits
ball-atom
ball-beat
ball-circus
ball-climbing-dot
ball-clip-rotate
ball-clip-rotate-multiple
ball-clip-rotate-pulse
ball-elastic-dots
ball-fall
ball-fussion
ball-grid-beat
ball-grid-pulse
ball-newton-cradle
ball-pulse
ball-pulse-rise
ball-pulse-sync
ball-rotate
ball-running-dots
ball-scale
ball-scale-multiple
ball-scale-pulse
ball-scale-ripple
ball-scale-ripple-multiple
ball-spin
ball-spin-clockwise
ball-spin-clockwise-fade
ball-spin-clockwise-fade-rotating
ball-spin-fade
ball-spin-fade-rotating
ball-spin-rotate
ball-square-clockwise-spin
ball-square-spin
ball-triangle-path
ball-zig-zag
ball-zig-zag-deflect
cog
cube-transition
fire
line-scale
line-scale-party
line-scale-pulse-out
line-scale-pulse-out-rapid
line-spin-clockwise-fade
line-spin-clockwise-fade-rotating
line-spin-fade
line-spin-fade-rotating
pacman
square-jelly-box
square-loader
square-spin
timer
triangle-skew-spin
- generic-autocomplete
- generic-toastr
- Paginator
- generic-datepicker
- login-form-component (basic form which can be generated using angular schematics)
To generate this
ng g reusable-ui-library:login-form-component --name <name of component>
Build
Run ng build reusable-ui-library
to build the project. The build artifacts will be stored in the dist/
directory.
Publishing
After building your library with ng build reusable-ui-library
, go to the dist folder cd dist/reusable-ui-library
and run npm publish
.
Running unit tests
Run ng test reusable-ui-library
to execute the unit tests via Karma.
Further help
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.