# Doe Gallery
Performant, responsive, easy to use Angular 8+ gallery
[](https://circleci.com/gh/daelmaak/ngx-doe-gallery)
[](https://codecov.io/gh/daelmaak/ngx-doe-gallery)
[](https://www.npmjs.com/package/ngx-doe-gallery)
[**Demos**](https://daelmaak.github.io/ngx-doe-gallery/) |
[**Docs**](https://github.com/daelmaak/ngx-doe-gallery/wiki/Gallery-API) |
[**Changelog**](https://github.com/daelmaak/ngx-doe-gallery/blob/master/CHANGELOG.md)
## Why ngx-doe-gallery?
Because it gives you the doe eyes! Seriously though, use it if you need:
- Great performance and feel both on mobile and desktop
- Very small size - gallery itself has just 9kB gzipped! It also packs no dependencies
- Easy usage and lots of customizations
- It just works!
## Installation
`npm i -S ngx-doe-gallery`
## Usage
In your ng module
```
import { GalleryModule } from 'ngx-doe-gallery';
@NgModule({
imports: [ GalleryModule ]
})
...
```
In your component
```
import { GalleryImage } from 'ngx-doe-gallery';
@Component({...})
export class AppComponent {
images = [ new GalleryImage('kitten1.jpg') ]
}
```
In your component template
```
```
### Usage with IE11
Support for IE11 is only rudimentary and requires you to use IntersectionObserver polyfill https://github.com/w3c/IntersectionObserver/tree/master/polyfill
## Development
### Install dependencies
In the root of the project, run
```
npm ci
```
### Serve
```
npm start
```
### Test
```
npm test
```
