Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

CircleCI npm version

ngx-kit

Boost your Angular development!

Components customizing should be simple. Just generate components from ngx-kit collection and modify them as you like.

ngx-kit logo

Packages

  • @ngx-kit/core — low level services and directives for hiding complex logic.
  • @ngx-kit/collection — set of components based on ngx-kit core and packed into Angular-cli schematics.

Features

  • AOT support
  • Server-rendering support
  • OnPush strategy support

Requirements

  • Angular 7
  • Angular-cli 7

Usage

Add ngx-kit to your project

ng add @ngx-kit/core

Generate UI module

Pick a module from Collection and put the code to your project.

A button for example:

ng g @ngx-kit/collection:ui-button ui-button

Import generated module

@NgModule({
  ...
  imports: [
    ...
    UiButtonModule,

Use component

<button uiButton color="primary">Let's do it!</button>

Modify by your requirements

Only complex (but stable) logic is stored in Core, so you can change generated templates and styles in any way.

Hammerjs

Some collection modules use Hammer.js.

For proper working:

  1. Install npm i hammerjs --save

  2. Import import 'hammerjs'; in main.ts.

License

MIT