Skip to content

Commit

Permalink
chore(): update all examples
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ks89
Ks89 committed Nov 3, 2018
1 parent c1a4704 commit 3f6cf3c
Show file tree
Hide file tree
Showing 6 changed files with 21 additions and 15 deletions.
7 changes: 4 additions & 3 deletions examples/angular-cli-6/src/app/carousel/carousel.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,16 +87,17 @@ <h3>A9 - (id=108) - carousel example with buttons to enable/disable autoplay, ar
<h3>A10 - (id=109) - carousel example (minimal with all defaults) with outputs</h3>
<br>
<ks-carousel [id]="109" [images]="imagesRect"
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
</section>
<br>
<br>

<h3>Examples with custom style</h3>
<section>
<h3>B1 - (id=110) - carousel example with fixed maxWidth (766px) and custom previews</h3>
<p>By default, on bigger screen, previews will have height = 200px. If you want you can customize it or also change all breakpoint widths.</p>
<br>
<ks-carousel [id]="110" [images]="imagesRect"
[carouselConfig]="{maxWidth: '766px'}"
Expand Down
7 changes: 4 additions & 3 deletions examples/angular-cli-material/src/app/carousel/carousel.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,16 +87,17 @@ <h3>A9 - (id=108) - carousel example with buttons to enable/disable autoplay, ar
<h3>A10 - (id=109) - carousel example (minimal with all defaults) with outputs</h3>
<br>
<ks-carousel [id]="109" [images]="imagesRect"
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
</section>
<br>
<br>

<h3>Examples with custom style</h3>
<section>
<h3>B1 - (id=110) - carousel example with fixed maxWidth (766px) and custom previews</h3>
<p>By default, on bigger screen, previews will have height = 200px. If you want you can customize it or also change all breakpoint widths.</p>
<br>
<ks-carousel [id]="110" [images]="imagesRect"
[carouselConfig]="{maxWidth: '766px'}"
Expand Down
7 changes: 4 additions & 3 deletions examples/angular-cli/src/app/carousel/carousel.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,16 +87,17 @@ <h3>A9 - (id=108) - carousel example with buttons to enable/disable autoplay, ar
<h3>A10 - (id=109) - carousel example (minimal with all defaults) with outputs</h3>
<br>
<ks-carousel [id]="109" [images]="imagesRect"
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
</section>
<br>
<br>

<h3>Examples with custom style</h3>
<section>
<h3>B1 - (id=110) - carousel example with fixed maxWidth (766px) and custom previews</h3>
<p>By default, on bigger screen, previews will have height = 200px. If you want you can customize it or also change all breakpoint widths.</p>
<br>
<ks-carousel [id]="110" [images]="imagesRect"
[carouselConfig]="{maxWidth: '766px'}"
Expand Down
7 changes: 4 additions & 3 deletions examples/systemjs/app/carousel/carousel.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,16 +87,17 @@ <h3>A9 - (id=108) - carousel example with buttons to enable/disable autoplay, ar
<h3>A10 - (id=109) - carousel example (minimal with all defaults) with outputs</h3>
<br>
<ks-carousel [id]="109" [images]="imagesRect"
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
</section>
<br>
<br>

<h3>Examples with custom style</h3>
<section>
<h3>B1 - (id=110) - carousel example with fixed maxWidth (766px) and custom previews</h3>
<p>By default, on bigger screen, previews will have height = 200px. If you want you can customize it or also change all breakpoint widths.</p>
<br>
<ks-carousel [id]="110" [images]="imagesRect"
[carouselConfig]="{maxWidth: '766px'}"
Expand Down
7 changes: 4 additions & 3 deletions examples/universal/src/app/carousel/carousel.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,16 +87,17 @@ <h3>A9 - (id=108) - carousel example with buttons to enable/disable autoplay, ar
<h3>A10 - (id=109) - carousel example (minimal with all defaults) with outputs</h3>
<br>
<ks-carousel [id]="109" [images]="imagesRect"
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
(show)="onShow($event)"
(firstImage)="onFirstImage($event)"
(lastImage)="onLastImage($event)"></ks-carousel>
</section>
<br>
<br>

<h3>Examples with custom style</h3>
<section>
<h3>B1 - (id=110) - carousel example with fixed maxWidth (766px) and custom previews</h3>
<p>By default, on bigger screen, previews will have height = 200px. If you want you can customize it or also change all breakpoint widths.</p>
<br>
<ks-carousel [id]="110" [images]="imagesRect"
[carouselConfig]="{maxWidth: '766px'}"
Expand Down
1 change: 1 addition & 0 deletions src/app/carousel/carousel.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,7 @@ <h3>A10 - (id=109) - carousel example (minimal with all defaults) with outputs</
<h3>Examples with custom style</h3>
<section>
<h3>B1 - (id=110) - carousel example with fixed maxWidth (766px) and custom previews</h3>
<p>By default, on bigger screen, previews will have height = 200px. If you want you can customize it or also change all breakpoint widths.</p>
<br>
<ks-carousel [id]="110" [images]="imagesRect"
[carouselConfig]="{maxWidth: '766px'}"
Expand Down

0 comments on commit 3f6cf3c

Please sign in to comment.