@acorex/carousel

Using acorex-carousel you can create simple slides

Usage no npm install needed!

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

README

ACoreX Carousel

Using acorex-carousel you can create simple slides

Example html code

<ax-carousel duration="3000" [autoStart]="autoStart">
  <ax-carousel-item>
    <img src="http://placeimg.com/640/480/tech" />
  </ax-carousel-item>
  <ax-carousel-item>
    <img src="http://placeimg.com/640/480/architecture" />
  </ax-carousel-item>
  <ax-carousel-item>
    <img src="https://placeimg.com/640/480/arch" />
  </ax-carousel-item>
</ax-carousel>

Properties

SmartyPants converts ASCII punctuation characters into "smart" typographic punctuation HTML entities. For example:

Property Type Default
firstIndex number 0
autoStart boolean true
duration number 1000
infinitLoop boolean true
rightArrow string fas fa-chevron-right
leftArrow string fas fa-chevron-left
dotColor string #000
showDots boolean true
showArrows boolean false
cssClass string null
arrowClass string null