@ngx-kit/panels

ngx-kit

Boost your Angular development!

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

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