Marc Reichel

alpine-typewriter

Little Alpine.js plugin to add a typewriter effect to any HTML element.

igdb-laravel

Simplify the integration of the IGDB API into your Laravel app. Including IGDB webhook support.

alpine-autosize

Little Alpine.js plugin to automatically resize a textarea to fit its content.

alpine-auto-animate

Alpine.js wrapper for @formkit/auto-animate.

alpine-timeago

Simple Alpine.js plugin to display the human-readable distance between a date and now.

tailwind-css-properties

Export your TailwindCSS theme colors as css custom properties.

All repositories My tool box GitHub Profile

Angular Carousel

Simple and leightweight Angular Carousel Component.

Star
GitHub Repository

Usage/Examples

<angular-carousel>
    <div *angularCarouselSlide>
        Slide 1
    </div>
    <div *angularCarouselSlide>
        Slide 2
    </div>
    <div *angularCarouselSlide>
        Slide 3
    </div>
</angular-carousel>

Options

[bullets] (boolean) (default: true)

Show or hide the bullets.

<angular-carousel [bullets]="false">
    <!-- slides -->
</angular-carousel>

No Bullets

[infinite] (boolean) (default: false)

Enable or disable infinite sliding.

<angular-carousel [infinite]="true">
    <!-- slides -->
</angular-carousel>

Infinite

[auto] (boolean) (default: false)

Enable or disable auto sliding.

<angular-carousel [auto]="true">
    <!-- slides -->
</angular-carousel>

Auto

[duration] (number) (default: 5000)

Duration (in ms) of transition between slides (if [auto] is enabled)

<angular-carousel [duration]="2500">
    <!-- slides -->
</angular-carousel>
Help improving this page.

On this page