@nodestrap/carousel

A slideshow component for cycling through images, slides, or another elements.

Usage no npm install needed!

<script type="module">
  import nodestrapCarousel from 'https://cdn.skypack.dev/@nodestrap/carousel';
</script>

README

<Carousel></Carousel>

A slideshow component for cycling through images, slides, or another elements.

Preview

<Carousel theme='primary' size='lg'>
    <img src="..." alt="..." />
    <img src="..." alt="..." />
    <img src="..." alt="..." />
    <img src="..." alt="..." />
    <img src="..." alt="..." />
    <img src="..." alt="..." />
    <img src="..." alt="..." />
</Carousel>

Rendered to:

<div class="c1 thPrimary szLg">
    /* ... */
</div>

Features

  • Includes all features in <Content />.
  • Flip loop / infinite loop.
  • Customizable prev/next button.
  • Customizable nav control.
  • Customizable via @cssfn/css-config.

Installation

Using npm:

npm i @nodestrap/carousel

Support Us

If you feel our lib is useful for your projects,
please make a donation to avoid our project from extinction.

We always maintain our projects as long as we're still alive.

[Make a donation]