Miss any of our Open RFC calls?Watch the recordings here! »

@silmar/ng-lightbox

2.0.0 • Public • Published

@silmar/ng-lightbox

npm (scoped) pipeline status NPM

Really simple lightbox

Install

npm i @silmar/ng-lightbox
// or
yarn add @silmar/ng-lightbox

Usage

The very basic usage is as follows:

main.ts

// ....
import 'hammerjs';
// ....

app.module.ts

import {BrowserModule, HammerModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
 
import {AppComponent} from './app.component';
import {NgLightboxModule} from '@silmar/ng-lightbox';
 
@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        HammerModule, // <-- For Angular 9
        NgLightboxModule // <-- import the carousel module
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

app.component.html

<si-ng-lightbox>
  <img *ngFor="let img of gallery" src="{{img}}" height="200" [siLightboxItem]="img" class="item"/>
</si-ng-lightbox>

Demo

Visit the demo

Install

npm i @silmar/ng-lightbox

DownloadsWeekly Downloads

4

Version

2.0.0

License

MIT

Unpacked Size

211 kB

Total Files

21

Last publish

Collaborators

  • avatar
  • avatar