ng-dimmer — An Angular overlay library.

I always wanted to publish something to the npm, but I wasn’t happening. When I created the dimmer (inspired by component for my angular project, I thought this is it. I can publish this very simple component as angular library.

But there is no official documentation about how to create an angular library. I googled and found few blog post and articles but it is to much from gulp, webpack to rollup. Too many configuration :-(

I need something simple. I found ng-packagr and Yeoman generator generator-angular2-library.

ng-packagr is good but have to read all the doc before I create anything. I need something instant and generator-angular2-library was that which helped me publish my first npm package ng-dimmer.

ng-dimmer is a very small and simple library. It has only one component dimmer.

<dimmer [txColor]=”’#fff’” [bgColor]=”’red’” [bgOpacity]=”’0.7'”>

All the attributes are optional.

It will overlay only the area that its parent element occupies. You can find an working example here and install from

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.