Usage no npm install needed!

<script type="module">
  import claytonccParallax from 'https://cdn.skypack.dev/@claytoncc/parallax';
</script>

README

PARALLAX COMPONENT

Installation instructions

Install @claytoncc/parallax from npm:

npm install --save @claytoncc/parallax

Add needed package to NgModule imports:

import { ParallaxModule } from '@claytoncc/parallax';

@NgModule({
  ...
  imports: [ParallaxModule]
  ...
})

Usage:

<app-parallax-container [images]="images">
  <app-parallax-item>
    ...
    custom html
    ...
  </app-parallax-item>
  
  <app-parallax-item>
    ...
    custom html
    ...
  </app-parallax-item>
</app-parallax-container>

Component:

@Component({...})
export class AppComponent {
  constructor() {};
  
  public images: string[] = ['./assets/image.png'];
}

License

MIT